formularza - Kurs HTML i CSS
HTML5 / Zmienione elementy i atrybuty HTML5...wtrąconego tekstu. LABEL Kliknięcie na etykietę nie musi już oznaczać automatycznego przeniesienia kursora tekstowego do skojarzonego z nią pola formularza, chyba że takie jest standardowe zachowanie systemu operacyjnego użytkownika. MENU Służy do budowy użytecznych pasków narzędzi oraz menu kontekstowych. NOSCRIPT Zostanie wyświetlony wyłącznie, jeśli przeglądarka w ogóle nie obsługuje dynamicznych skryptów, a nie kiedy nie potrafi zinterpretować języka skryptowego, określonego w...
- HTML5 / Automatyczna kapitalizacja tekstu <... autocapitalize>
...Elementy ze znacznikiem zamykającym (np. TEXTAREA): <element autocapitalize="kapitalizacja">...</element> element Znaczniki: dowolne pole formularza HTML 4.01 lub HTML5 - z wyjątkiem: url, email, password TEXTAREA elementy tekstowe z atrybutem contenteditable="true" dowolny element HTML 4.01 lub HTML5 zawierający powyższe znaczniki - polecenie zostanie zastosowane zbiorczo do nich wszystkich kapitalizacja Można wpisać: off lub none - blokuje automatyczną kapitalizację, tzn...
- HTML5 / Blokada autouzupełniania <form autocomplete, input autocomplete, select autocomplete, textarea autocomplete>
...autouzupełnianie Można podać: on - autouzupełnianie aktywne (domyślnie) off - autouzupełnianie nieaktywne typ Należy użyć dowolnego pola formularza HTML 4.01 lub HTML5. Przeglądarki często posiadają wbudowaną funkcję automatycznego uzupełniania formularzy. Najczęściej odbywa się to w formie rozwijanej listy poniżej pól tekstowych, na którą użytkownik może przejść wciskając klawisz kursora w dół i zaakceptować wybór klawiszem Enter. Na liście wyświetlają się podpowiedzi, które...
- HTML5 / Klawisz Enter <... enterkeyhint>
...Elementy ze znacznikiem zamykającym (np. TEXTAREA): <element enterkeyhint="zatwierdzenie">...</element> element Znaczniki: dowolne pole formularza HTML 4.01 lub HTML5, w którym można wpisywać tekst TEXTAREA elementy tekstowe z atrybutem contenteditable="true" dowolny element HTML 4.01 lub HTML5 zawierający powyższe znaczniki - polecenie zostanie zastosowane zbiorczo do nich wszystkich zatwierdzenie Może przyjąć jedną z poniższych wartości: enter - operacja ↵ (Enter)...
- HTML5 / Minimalna i maksymalna liczba znaków <input minlength maxlength, textarea minlength maxlength>
...użytkownik musi wpisać w polu tekstowym oraz największą liczbę znaków, której nie może przekroczyć Atrybuty te pozwalają wymusić wpisanie w polu formularza tekstu składającego się przynajmniej z podanej liczb znaków (minlength="...") lub/i uniemożliwić wprowadzenie za długiego tekstu (maxlength="..."). Oba te atrybuty można stosować wspólnie lub osobno. Warto zauważyć, że atrybut maxlength="..." był dostępny już w języku HTML 4.01, ale można go było przypisać tylko do zwykłego...
- HTML5 / Okienko popover <... popover, button "button" popovertarget popovertargetaction, input "button" popovertarget popovertargetaction>
...dodatkową zawartość, która nie musi być widoczna przez cały czas, ale powinna być łatwo dostępna w odpowiednim momencie, np. podczas wypełniania formularza lub wyboru opcji. Można go zastosować do prezentowania wskazówek, formularzy lub złożonych opcji, które użytkownik może szybko zamknąć lub ukryć. Jak zrobić popover w HTML? Aby zrobić popover w HTML, użyj atrybutu popover na elemencie, który ma się pojawić jako popover, oraz atrybutów popovertarget i popovertargetaction na...
- HTML5 / Sprawdzanie pisowni <... spellcheck>
...Elementy ze znacznikiem zamykającym - wersja rozszerzona: <element spellcheck="pisownia">...</element> element Znaczniki: dowolne pole formularza HTML 4.01 lub HTML5, w którym można wpisywać tekst TEXTAREA elementy tekstowe z atrybutem contenteditable="true" dowolny element HTML 4.01 lub HTML5 zawierający powyższe znaczniki - polecenie zostanie zastosowane zbiorczo do nich wszystkich pisownia Należy podać jedną z poniższych wartości: true - pisownia i gramatyka będą...
- HTML5 / Rozmiary przycisku obrazkowego <input "image" width height>
...zostało przeoczone podczas tworzenia specyfikacji HTML 4.01. Od teraz można już ustawiać rozmiary przycisku obrazkowego służącego do wysyłania formularza. Jeśli tego nie zrobimy, zanim obrazek się załaduje, przeglądarka zarezerwuje dla niego na stronie domyślną wolną przestrzeń. Zwykle nie będzie ona dokładnie odpowiadać rzeczywistym rozmiarom grafiki. Dlatego po załadowaniu obrazka, elementy strony w pobliżu i poniżej niego mogą przeskoczyć w dół lub na bok. Jeśli użytkownik dokładnie w...
- HTML5 / Blokada autokorekty <... autocorrect>
...Elementy ze znacznikiem zamykającym - wersja rozszerzona: <element autocorrect="autokorekta">...</element> element Znaczniki: dowolne pole formularza HTML 4.01 lub HTML5 - z wyjątkiem: url, email, password TEXTAREA elementy tekstowe z atrybutem contenteditable="true" dowolny element HTML 4.01 lub HTML5 zawierający powyższe znaczniki - polecenie zostanie zastosowane zbiorczo do nich wszystkich autokorekta Należy podać jedną z poniższych wartości: on - błędy pisowni będą...
Selektory pseudoklas CSS / Zaznaczenie :checked(CSS 3 - interpretuje Internet Explorer 9, Firefox, Opera, Chrome) selektor:checked { cecha: wartość } Selektorem mogą być pola formularza: wyboru, opcji oraz opcje listy rozwijalnej [zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Niektóre z pól formularzy pełnią rolę przełączników - można je zaznaczać i odznaczać. W związku z tym może się okazać przydatne dodatkowe wizualne...