Textový vstup
Abychom z formuláře získali nějaké informace, potřebujeme vstupy. V tomto cvičení se podíváme na ten nejpoužívanější: textový vstup.
Většinu vstupů vytváříme prvkem input (anglicky vstup). Stejně jako img nemá žádný obsah ani zavírací tag. Atribut type určuje, o jaký druh vstupu jde; u textového vstupu má hodnotu text.
Druhým atributem našeho vstupu bude name, tedy název vstupu. To, co uživatel napíše do pole, se stane hodnotou vstupu. Při odeslání formuláře pošle prohlížeč každou hodnotu spolu s názvem jejího vstupu, například prezdivka=Kuba. Díky tomu server pozná, která hodnota je která, i když má formulář více textových vstupů.
<form action="/zpracovani.html" method="POST">
<input type="text" name="prezdivka">
</form>Tento kód zobrazí prázdné pole:
V kódu můžeme vstupu napsat i atribut value. Pole pak bude předvyplněné touto hodnotou, kterou samozřejmě může uživatel přepsat:
<input type="text" name="prezdivka" value="Kuba">Tento kód se zobrazí takto:
Jinde se můžete setkat i se zápisem <input ... /> s lomítkem na konci. Stejně jako u <br /> jde o starší způsob zápisu, který znamená totéž.
Jak psát:
<
>
/
"
Pokyny
Ve formuláři vytvořte prvek input s atributem type s hodnotou text.
Přidejte vstupu atribut name s hodnotou jmeno, protože do něj uživatel napíše své jméno. (Hodnoty atributů jako name a id obvykle píšeme bez háčků a čárek.) Potom spusťte kód a zkuste do pole něco napsat.
Začněte programovat zdarma
2/11