Textový vstup

Abychom získali z našeho formuláře informace, tak potřebujeme využít nějaké vstupy. V tomto cvičení se podíváme na nejčastěji používaný vstup - textový.

Vstupy často vytváříme pomocí prvku input s atributem type s hodnotou udávající typ vstupu. V případě textového vstupu bude mít hodnotu text.

Další atribut, který bude náš vstup mít je atribut name. Tento atribut dá našemu vstupu název, abychom od sebe mohli rozlišit vícero textových vstupů.

<form action="/zpracovani.html" method="POST">
	<input type="text" name="textove-pole"/>
</form>

Tento kód se zobrazí jako prázdný box následujícím způsobem:

Když uživatel napíše text do boxu, tak se změní hodnota atributu value na text co uživatel napsal.

Hodnotu atributu value můžeme nastavit i v kódu, což by způsobilo předvyplněný vstup. Ten samozřejmě uživatel může přepsat a změnit.

<form action="/zpracovani.html" method="POST">
	<input type="text" name="textove-pole" value="ahoj"/>
</form>

Tento kód se zobrazí tímto způsobem: