Další vstupy

Typy text a password už známe. Atribut type má ale mnohem více hodnot a prohlížeč podle nich vstup přizpůsobí. Tady je několik z nich a jak vypadají:

  • type="email" pro e-mailovou adresu. Na mobilu se zobrazí klávesnice se zavináčem a při odeslání formuláře prohlížeč zkontroluje, že text vypadá jako e-mailová adresa.
  • type="number" pro čísla.
  • type="date" pro datum, které si uživatel může vybrat v kalendáři.
  • type="range" pro výběr hodnoty z určitého rozsahu pomocí posuvníku.

V dalších cvičeních se podíváme na přepínače, zaškrtávací políčka, rozbalovací seznamy a delší text.

Teď do formuláře přidáme e-mail. Každý vstup potřebuje popis, takže na něj nezapomeňte.

Pokyny

V prázdném prvku div vytvořte vstup typu email s atributem name s hodnotou email a atributem id s hodnotou vstup-email.

Před vstupem vytvořte prvek label s obsahem E-mail a atributem for s hodnotou vstup-email.

Začněte programovat zdarma

Registrací souhlasíte s provozními podmínkami a zásadami ochrany osobních údajů.

Nebo se registrujte pomocí:

5/11