Formuláre

Formuláre robia stránku dynamickou.

Prostredníctvom formulárov môžeme vytvoriť napríklad kontaktný formulár a umožniť tak používateľovi komunikovať so stránkou. Používateľ môže zadať tet, číslo alebo vybrať možnosť z predvolených hodnôt.

Nasledujúci kód zobrazuje syntax pre zápis formulára.

<form>
    <label>Meno:</label>
    <input type="text" name="priezvisko">
    <button type="submit">Odoslať</button>
</form>

Výsledok kódu:

    Meno:
    
    Odoslať

Vysvetlenie k vyššie uvedenému kódu:

- celý formulár obaľujeme do značky <form></form>,
- značka <label> slúži na označenie údajov, ktoré má užívateľ zadať,
- značka <input> slúži ako vstupné pole, je však potrebné uviesť ďalšie atribúty ako "type a "name". Type môže nadobúdať ďalšie hodnoty, ktoré sú uvedené nižšie, - aby sme celý formulár mohli odoslať musíme použiť <button> pre vytvorenie tlačidla.

Vo vstupnom poli môžeme použiť nasledovné atribúty a ich hodnoty:

<form>
    <label>Email:</label>
    <input type="email" name="email">
    <br><br>

    <label>Vek:</label>
    <input type="number" name="vek">
    <br><br>

    <label>Pohlavie:</label>
    <input type="radio" name="pohlavie" value="muz"> Muž
    <input type="radio" name="pohlavie" value="zena"> Žena
    <br><br>

    <button type="submit">Odoslať</button>
</form> 

Hodnota atribútu type = "radio" sa používa na výber z viacerých možností. V prípade rovnakých hodnôt atribútu "name", používateľ môžeme označiť len jednu z ich možností.

Hodnota type = "number" sa používa na vkladanie číselných hodnôt.

Hodnota type = "email" sa používa na zadanie e-mailovej adresy.