Millised on HTML-s olemasolevad input-elementide…

Järgnevad input-tüübid on olemas:

text: Ühel real tekstiväli.
password: Parooli sisestusväli, märgid on varjatud.
submit: Nupp vormi saatmiseks.
reset: Nupp vormi lähtestamiseks.
radio: Lüliti (üks paljudest).
checkbox: Märkeruut (üks või mitu).
button: Tavaline nupp.
file: Faili valiku väli.
hidden: Varjatud väli, mis ei ole kasutajale nähtav, kuid saadetakse koos vormiga.
image: Pildiga nupp vormi saatmiseks.

HTML5 spetsifikatsioon lisas uusi tüüpe:

email: E-posti aadressi sisestus.
url: URL-i sisestus.
number: Arvväärtuse sisestus.
range: liugur, mille abil saab valida arvväärtust määratud vahemikus.
date: Kuupäeva valik.
month: Kuuka ja aasta valik.
week: Nädala ja aasta valik.
time: Aja valik.
datetime-local: Kuupäeva ja aja valik ilma ajavööndita.
search: Otsinguväli.
color: Värvi valik.
tel: Telefoninumbri sisestus.

Näide kasutamisest:

<!-- Ühel real tekstiväli -->
<input type="text" placeholder="Nimi">

<!-- Parooli sisestusväli -->
<input type="password" placeholder="Parool">

<!-- Vormisaatmise nupp -->
<input type="submit" value="Saada">

<!-- Vormilähtestamise nupp -->
<input type="reset" value="Lähtesta">

<!-- Lülitid -->
<input type="radio" name="sugu" value="mees"> Mees
<input type="radio" name="sugu" value="naine"> Naine

<!-- Märkeruut -->
<input type="checkbox" name="huvid" value="muzyka"> Muzyka
<input type="checkbox" name="huvid" value="sport"> Sport

<!-- Tavaline nupp -->
<input type="button" value="Kliki mind">

<!-- Failivalikuväli -->
<input type="file">

<!-- Varjatud väli -->
<input type="hidden" name="userId" value="123">

<!-- Pildiga nupp -->
<input type="image" src="submit.png" alt="Saada">

<!-- E-posti väli -->
<input type="email" placeholder="E-post">

<!-- URL väli -->
<input type="url" placeholder="Veebileht">

<!-- Arvväärtuse väli -->
<input type="number" min="1" max="10">

<!-- Liugur -->
<input type="range" min="0" max="100">

<!-- Kuupäeva väli -->
<input type="date">

<!-- Kuuka ja aasta valik -->
<input type="month">

<!-- Nädala ja aasta valik -->
<input type="week">

<!-- Aja valik -->
<input type="time">

<!-- Kuupäeva ja aja (kohalik) -->
<input type="datetime-local">

<!-- Otsinguväli -->
<input type="search" placeholder="Otsi">

<!-- Värvi valik -->
<input type="color">

<!-- Telefoni numbri väli -->
<input type="tel" placeholder="+371 (xxx) xxx-xx-xx">

Millised on HTML-s olemasolevad input-elementide tüübid?