Tag <label> a atribut for

Formulář se potom lépe ovládá, třeba v případě checkboxu je výrazným rozdíl v trefování se do malého čtverečku nebo do čtverečku s jeho popisem.

  • Text bez <label>u

Co <input> v <label>u?

Vyhnout se atributu for lze umístěním <input>u do <label>u.

<label><input type=checkbox> Popisek</label>

Problém ale je, že takový kód se v Internet Exploreru 6 (a starších) bude chovat jako bez <label>u.

A přichází dilema, zda se na tento často okrajový prohlížeč vykašlat, nebo naopak i kvůli pár jeho uživatelům provést triviální úpravu…

<label for=a><input type=checkbox id=a> Popisek</label>

To je všechno. Líbil se vám článek a chcete se dozvědět, až vyjde další?

Sledujte:

 

Připomínky mi pište do komentářů ↓

Reset políčka pro nahrávání souboru

Resetování <input type=file>

Jak resetovat (odstranit) hodnotu z <input>u pro upload souborů.

Rozbalovací nabídka <select>

HTML značka <select>

Popis, možnosti a vylepšení rozbalovacího výběru, HTML značky <select>.

Napodívání přes <datalist>

Našeptávání značkou <datalist>

Pro napovídání možností při vyplňování <input>u lze v HTML 5 použít značku <datalist>.

Input

HTML značka <input>

Všechny varianty značky <input>, možné atributy, vysvětlení a ukázky.

HTML tlačítko <button>

Značka <button>

Tlačítko <button> v HTML, možné problémy v Internet Exploreru a jak je vyřešit.

Komentáře