input type - Kurs HTML i CSS
HTML5 / Nowe atrybuty HTML5...różnych sytuacjach, np. na wyświetlaczach o wysokiej rozdzielczości, małych monitorach itp. inert Wszystkie elementy Czy element jest bierny inputmode Wszystkie elementy Wskazówka dotycząca wyboru trybu wprowadzania integrity LINK, SCRIPT Metadane integralności używane do weryfikacji integralności zasobów zewnętrznych (ang. Subresource Integrity - SRI) is Wszystkie elementy Tworzy niestandardowy wbudowany element itemid, itemprop, itemref, itemscope, itemtype Wszystkie...
- HTML5 / Automatyczne zogniskowanie <... autofocus>
...czy funkcjonalność nawigacji. Częstym zastosowanie może być również użycie go w połączeniu z atrybutem contenteditable="true". Przykład <input autofocus> <form action="?" method="post"> <fieldset> <legend>Zaloguj się</legend> <input type="text" name="login" autofocus> <input type="password" name="password"> <input type="submit" value="OK"> </fieldset> </form> Pytania i odpowiedzi <input autofocus, button tabindex> Co to jest funkcja autofocus? Funkcja autofocus w...
- Formularze HTML / Wysłanie formularza bez programu pocztowego
...body, $head) ? $message : $error; } } else { ?> <form action="?" method="post"> Tutaj umieść wszystkie pola formularza <input name="captcha" style="display: none"> </form> <?php } ?> Na początku kodu należy ustawić własne wartości: adres e-mail gdzie wysłać formularz Twój adres poczty elektronicznej e-mail. temat Tytuł, jaki będzie nosił formularz, tzn. temat listu, który otrzymasz, kiedy formularz zostanie wysłany. Dziękujemy za wysłanie formularza...
- HTML5 / Okienko popover <... popover, button "button" popovertarget popovertargetaction, input "button" popovertarget popovertargetaction>
...popovertargetaction="akcja">...</button> Wersja podstawowa z przyciskiem prostym: <element id="identyfikator" popover> ... <input type="button" value="Zamknij" popovertarget="identyfikator" popovertargetaction="hide"> </element> <input type="button" value="Otwórz/Zamknij" popovertarget="identyfikator" popovertargetaction="akcja"> Wersja rozszerzona z przyciskiem prostym: <element id="identyfikator" popover="tryb">...</element> <input type="button" value...
- HTML5 / Blokada autouzupełniania <form autocomplete, input autocomplete, select autocomplete, textarea autocomplete>
...Internet Explorer 6, Firefox 2, Opera 10, Chrome 17) Cały formularz: <form autocomplete="autouzupełnianie">...</form> Wybrane pole: <input type="typ" autocomplete="autouzupełnianie"> Lista rozwijalna: <select autocomplete="autouzupełnianie">...</select> Obszar tekstowy: <textarea autocomplete="autouzupełnianie">...</textarea> autouzupełnianie Można podać: on - autouzupełnianie aktywne (domyślnie) off - autouzupełnianie nieaktywne typ Należy użyć dowolnego pola...
- Formularze HTML / Ramy formularza HTML <form>
...użyciu JavaScript'u można wprowadzić interaktywny formularz. Po wpisaniu: <form action="..." onsubmit="alert(this.tekst.value); return false"> <input type="text" name="tekst"><input type="submit" value="OK"> </form> Otrzymamy: Wpisz tutaj coś i naciśnij OK: Innym ważnym zastosowanie skryptów wykonywanych po stronie klienta, jest sprawdzenie poprawności wypełnienia formularza, jeszcze przed jego wysłaniem: <form action="mailto:adres e-mail" method="post" onsubmit="if (this.tekst2.value...
- Formularze HTML / Wyczyszczenie danych <input "reset">
Spis treści <input "reset"> Wyczyszczenie danych <input "reset"> Blokada pola <input "reset" disabled> Potwierdzenie wyczyszczenia formularza <form onreset> Wyczyszczenie danych <input "reset"> <form action="..."> <input type="reset" value="wartość"> </form> gdzie jako "wartość" należy wpisać napis, który pojawi się na przycisku wysyłania formularza. Jeśli opuścimy ten parametr, pojawi się tam domyślny napis, np.: "Resetuj". Komenda wyświetla na ekranie przycisk, po naciśnięciu...
- HTML5 / Kategorie elementów HTML5
...jedną parę elementów DT i DD), EM, EMBED, FIELDSET, FIGURE, FOOTER, FORM, H1, H2, H3, H4, H5, H6, HEADER, HGROUP, I, IFRAME, IMG, INPUT (z wyjątkiem type="hidden"), INS, KBD, LABEL, MAIN, MAP, MARK, MENU (jeśli zawiera przynajmniej jeden element LI), METER, NAV, OBJECT, OL (jeśli zawiera przynajmniej jeden element LI), OUTPUT, P, PICTURE, PRE, PROGRESS, Q, RUBY, S, SAMP, SEARCH, SECTION, SELECT, SMALL, SPAN, STRONG, sub, sup, TABLE, TEXTAREA, TIME, U, UL (jeśli zawiera przynajmniej jeden...
- HTML5 / Grupowa blokada pól formularza <fieldset disabled>
...bez wartości) disabled. Spowoduje on zablokowanie wszystkich pól formularza objętych tym znacznikiem. Przykład <fieldset disabled, legend, input> Wszystkie poniższe pola formularza powinny zostać zablokowane: <fieldset disabled> <legend>Formularz</legend> <input type="text" name="pole"> <input type="radio" name="opcja" value="1"> <input type="radio" name="opcja" value="2"> </fieldset> Zobacz przykład: disabled Pytania i odpowiedzi <fieldset disabled, legend, input> Co robi...
Przeglądarka zdjęć...document.write( '<form action="javascript:void(0)" id="' + this.id + '" class="zdjecia">' + '<div class="zdjecia_menu">' + '<input type="button" name="poczatek" value="|<<"' + (nr == 0 ? ' disabled' : '') + ' title="Początek" onclick="' + this.id + '.wyswietl(0)" onkeypress="' + this.id + '.wyswietl(0)">' + '<input type="button" name="wstecz" value=" << "' + (nr == 0 ? ' disabled' : '') + ' title="Wstecz" onclick="' + this.id...