label - Kurs HTML i CSS
Komendy HTML 4.01 / LABELEtykieta kontrolki formularza (FORM). Zobacz więcej... Atrybuty: ACCESSKEY="znak" Przypisuje klawisz dostępu do elementu CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie FOR="identyfikator" Łączy etykietę z elementem, którego atrybut...
- Formularze HTML / Pole wyboru <input "checkbox">
...Pole wyboru <input "checkbox"> Domyślne zaznaczenie pola <input "checkbox" checked> Blokada pola <input "checkbox" disabled> Etykieta <label> Klawisz skrótu <input "checkbox" accesskey> Dynamiczne blokowanie pól formularza Pole wyboru <input "checkbox"> <form action="..."> <input type="checkbox" name="nazwa" value="wartość">Tu wpisz opis pola </form> gdzie jako "nazwa" należy wpisać nazwę danego pola (np. skróconą treść pytania), która nie powinna być zbyt długa. Zostanie...
Wyszukiwarka / Możliwość wyboru...<input type="text" name="q"> <input type="hidden" name="ie" value="utf-8"> <input type="radio" name="lr" value="" id="lr0" checked> <label for="lr0">Na świecie</label> <input type="radio" name="lr" value="lang_pl" id="lr1"> <label for="lr1">W Polsce</label> <input type="submit" value="Szukaj"> </form> Przykład Na świecie W Polsce W serwisie/Na świecie Lista rozwijalna <form action="https://www.google.pl/search" method="get"> <input type="text" name="q"> <input...
- Komendy HTML 4.01 / Wykaz atrybutów
...BASE, HEAD, HTML, META, SCRIPT, STYLE, TITLE Identyfikator unikalny w dokumencie ismap IMG, INPUT Użyj mapy odnośników po stronie serwera label OPTGROUP (wymagany) Do użytku w hierarchicznych listach label OPTION Do użytku w hierarchicznych listach lang Wszystkie elementy oprócz APPLET, BASE, BASEFONT, BR, FRAME, FRAMESET, IFRAME, PARAM, SCRIPT Kod języka language SCRIPT Predefiniowana nazwa języka skryptowego link BODY Kolor odsyłaczy longdesc FRAME...
- HTML5 / Napisy do filmów <track>
...jest atrybut srclang="...", w którym podajemy nazwę kodową języka (zobacz: Skróty nazw języków). Oprócz tego zaleca się również podanie atrybutu label="...", którego wartość może być wyświetlona w odtwarzaczu wideo, aby użytkownik mógł samodzielnie wybrać najbardziej odpowiadające mu napisy. Możemy jednak również chcieć dostarczyć specjalne napisy dla osób niesłyszących albo transkrypcję dla niewidomych. W takim przypadku należy się posłużyć atrybutem kind="...". Określa on rodzaj...
- HTML5 / Kategorie elementów HTML5
...autocapitalize="..." i autocorrect="..." od swojego formularza. BUTTON, FIELDSET, INPUT, OUTPUT, SELECT, TEXTAREA elementy etykietowalne (ang. labelable elements) Niektóre elementy formularza są klasyfikowane jako elementy, które mogą mieć etykietę. Są to elementy, które można powiązać z elementem etykiety. BUTTON, INPUT, METER, OUTPUT, PROGRESS, SELECT, TEXTAREA namacalne (ang. palpable content) Zasadniczo elementy, których model treści pozwala na jakąkolwiek zawartość przepływową...
- HTML5 / Autouzupełnianie <datalist>
...której do pola zostanie wstawiona oryginalna, długa wartość: <input list="identyfikator"> <datalist id="identyfikator"> <option value="wartość1" label="skrót1"> <option value="wartość2" label="skrót2"> </datalist> Element DATALIST nie wyświetla się na ekranie, dlatego nie powinien sprawiać kłopotów w przeglądarkach, które nie obsługują HTML5. Wtedy użytkownik będzie zmuszony co prawda ręcznie wpisać pełną wartość w polu, ale przynajmniej w formularzu nie pojawią się żadne nieoczekiwane...
- XHTML / Różnice między HTML 4 a XHTML 1.0
...elementów a. pre nie może zawierać elementów: img, object, big, small, sub, sup. button nie może zawierać elementów: input, select, textarea, label, button, form, fieldset, iframe, isindex. label nie może zawierać innych elementów label. form nie może zawierać innych elementów form. Atrybut name dla znaczników a, applet, form, frame, iframe, img, map jest zdeprecjonowany. Należy stosować zamiast niego atrybut id. W celu zapewnienia kompatybilności wstecz można używać jednocześnie...
- HTML5 / Pole obowiązkowe <input required, select required, textarea required>
...Przy takiej próbie przeglądarka może pokazać komunikat błędy - np.: "Wypełnij to pole". Przykład <input required, select required> <ul> <li><label>Imię i nazwisko: <input type="text" name="imie_nazwisko" required> *</label></li> <li><label> Płeć: <select name="plec" required> <option value="">Wybierz... <option value="kobieta">Kobieta <option value="mezczyzna">Mężczyzna </select> *</li> </ul> <p>* Pola obowiązkowe</p> Zobacz przykład: required
Dobre praktyki / Przykazania webmastera...czytelna bez grafiki Stosuj inny tytuł na każdej podstronie Używaj tytułów nagłówkowych Dla każdego widocznego pola formularza używaj znaczników label Grupuj pola formularzy znacznikami fieldset, a nie div Tam gdzie to tylko możliwe, używaj znaczników, które najbardziej szczegółowo oddają znaczenie elementów W dokumentach używaj tylko tyle znaczników i atrybutów, ile faktycznie jest niezbędne Nie używaj pustych elementów (znaczników) Nie dodawaj na stronie tekstu tylko po to, żeby go...