input type - Kurs HTML i CSS
HTML5 / Nadpisanie atrybutów formularza <button formaction formenctype formmethod formnovalidate formtarget, input "submit, image" formaction formenctype formmethod formnovalidate formtarget>...<button formnovalidate>...</button> Przycisk wysłania formularza - cel: <button formtarget="cel">...</button> Pole wysłania formularza - akcja: <input type="typ" formaction="akcja"> Pole wysłania formularza - typ kodowania: <input type="typ" formenctype="kodowanie"> Pole wysłania formularza - metoda: <input type="typ" formmethod="metoda"> Pole wysłania formularza - pominięcie walidacji: <input type="typ" formnovalidate> Pole wysłania formularza - cel: <input type="typ...
- 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...
- 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...
- 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 / 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 / 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...
- 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...