Ce tipuri de elemente input există în HTML?

Există următoarele tipuri de elemente input:

• text: Câmp de text pe o singură linie.
• password: Câmp pentru introducerea parolei, caracterele sunt ascunse.
• submit: Buton pentru trimiterea formularului.
• reset: Buton pentru resetarea formularului.
• radio: Buton radio (unul din mai multe).
• checkbox: Casetă de selectare (una sau mai multe din mai multe).
• button: Buton obișnuit.
• file: Câmp pentru selectarea unui fișier.
• hidden: Câmp ascuns, invizibil pentru utilizator, dar trimis cu formularul.
• image: Buton de imagine pentru trimiterea formularului.

Specificația HTML5 a adăugat noi tipuri:

• email: Câmp pentru introducerea unei adrese de email.
• url: Câmp pentru introducerea unui URL.
• number: Câmp pentru introducerea unui număr.
• range: Glisor pentru alegerea unei valori numerice într-un interval dat.
• date: Câmp pentru selectarea unei date.
• month: Câmp pentru selectarea lunii și anului.
• week: Câmp pentru selectarea săptămânii și anului.
• time: Câmp pentru selectarea orei.
• datetime-local: Câmp pentru selectarea datei și orei fără fus orar.
• search: Câmp de căutare.
• color: Câmp pentru alegerea unei culori.
• tel: Câmp pentru introducerea unui număr de telefon.

Exemplu de utilizare:

<!-- Câmp de text pe o singură linie -->
<input type="text" placeholder="Nume">

<!-- Câmp pentru introducerea parolei -->
<input type="password" placeholder="Parolă">

<!-- Buton pentru trimiterea formularului -->
<input type="submit" value="Trimite">

<!-- Buton pentru resetarea formularului -->
<input type="reset" value="Resetează">

<!-- Butoane radio -->
<input type="radio" name="gender" value="male"> Bărbat
<input type="radio" name="gender" value="female"> Femeie

<!-- Casete de selectare -->
<input type="checkbox" name="interests" value="music"> Muzică
<input type="checkbox" name="interests" value="sports"> Sport

<!-- Buton obișnuit -->
<input type="button" value="Apasă-mă">

<!-- Câmp pentru selectarea fișierului -->
<input type="file">

<!-- Câmp ascuns -->
<input type="hidden" name="userId" value="123">

<!-- Buton de imagine -->
<input type="image" src="submit.png" alt="Trimite">

<!-- Câmp pentru email -->
<input type="email" placeholder="Email">

<!-- Câmp pentru URL -->
<input type="url" placeholder="Site web">

<!-- Câmp pentru număr -->
<input type="number" min="1" max="10">

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

<!-- Data -->
<input type="date">

<!-- Luna -->
<input type="month">

<!-- Săptămâna -->
<input type="week">

<!-- Ora -->
<input type="time">

<!-- Data și ora (locale) -->
<input type="datetime-local">

<!-- Căutare -->
<input type="search" placeholder="Caută">

<!-- Alegerea culorii -->
<input type="color">

<!-- Număr de telefon -->
<input type="tel" placeholder="+40 (xxx) xxx-xx-xx">