Formuláře
To je systém políček a tlačítek, který odesílá data jiným stránkám, nebo skriptům.
Tag <form>
Formulářové prvky musí být uzavřeny v tagu <form>
Atributy tagu <form> | ||
Atribut | Hodnoty | Popis |
---|---|---|
name | textový řetězec | jméno formuláře - nezbytné pro adresaci JavaScriptem |
method | GET, POST | Určuje jak mají být předána data. GET - pomocí URL. POST - je vhodné pro delší texty |
action | URL | kam mají být data odeslána |
enctype | text/plain | multipart/form-data | application/x-www-form-urlencoded | zakódování obsahu |
Textová pole
- Víceřádkové pole lze vytvořit pomocí tagu <textarea>, který je párový a v něm uzavřený text bude v poli zobrazen.
Atributy tagu <textarea> | ||
Atribut | Hodnoty | Popis |
---|---|---|
name | textový řetězec | jméno formuláře - nezbytné pro adresaci JavaScriptem |
cols | číslo | počet sloupců |
rows | číslo | počet řádků |
tabindex | číslo | mezi prvky se lze pohybovat pomocí tlačítka TAB, popředí je závislé na popředí v kódu, pomocí tabindex ho můžete změnit (nejnižší číslo nejdříve) |
acesskey | tlačítko | po stisknutí ALT + tlačítko bude prvek aktivován |
readonly | hodnota není | obsah je možné jen číst (mazat, přepisovat ne) |
disabled | není hodnota | do pole není možné zapisovat (je zašedlé) |
- Jednořádkové textové pole se dělá pomocí tagu <input type="text" />
Atributy tagu <input> | ||
Atribut | Hodnoty | Popis |
---|---|---|
name | textový řetězec | jméno formuláře - nezbytné pro adresaci JavaScriptem |
maxlenght | číslo | určuje maximální počet znaků, které lze zapsat |
size | číslo | šířka(ve znacích) |
value | text | text, který bude v poli vypsán |
tabindex | číslo | mezi prvky se lze pohybovat pomocí tlačítka TAB, pořadí je závislé na pořadí v kódu, pomocí tabindex ho můžete změnit (nejnižší číslo nejdříve) |
acesskey | tlačítko | po stisknutí ALT + tlačítko bude prvek aktivován |
readonly | readonly | obsah je možné jen číst (mazat, přepisovat ne) |
disabled | disabled | do pole není možné zapisovat (je zašedlé) |
src | URL | Obrázek na pozadí |
Atribut type tagu <input>
Tlačítka
Pomocí tagu <button> lze text tlačítka vytvořit za použití XHTML prvků. . Atribut type má hodnoty submit | reset
Nabídka
se tvoří takhle:<select> <option>1.</option> <optgroup label="popisek"> <option>2.</option> <option>3.</option> </select>
Pokud použije atribut multiple (bez hodnoty) bude nabídka celí zobrazená. Atribut selected u tagu <option> značí, že má být položka předem vybrána. Tag <optiogroup> je normální text, který se zobrazí v nabídce
Další: Formátování formulářů
Zajímavost: Formuláře a JavaScript
Vyhledávání
Poradna
Pokud si nevíte rady, chcete kontakt na spolehlivého tvůrce webu, či vás zajímá cizí názor, ozvěte se.