HTML-də hansı növ input elementləri mövcuddur?

Aşağıdakı input növləri mövcuddur:

• text: Bir sətirli mətn sahəsi.
• password: Şifrə daxil etmək üçün sahə, simvollar gizlidir.
• submit: Formu göndərmək üçün düymə.
• reset: Formu sıfırlamaq üçün düymə.
• radio: Radio düyməsi (bir çoxundan biri).
• checkbox: Seçim qutusu (bir və ya bir neçə çoxdan).
• button: Adi düymə.
• file: Fayl seçimi sahəsi.
• hidden: Gizli sahə, istifadəçiyə görünməz, amma form ilə göndərilir.
• image: Formu göndərmək üçün şəkil düyməsi.

HTML5 spesifikasiyası yeni tiplər əlavə etdi:

• email: Email ünvanı daxil etmək üçün sahə.
• url: URL daxil etmək üçün sahə.
• number: Rəqəm daxil etmək üçün sahə.
• range: Verilən diapazonda sayısal dəyər seçmək üçün sürgü.
• date: Tarix seçmək üçün sahə.
• month: Ay və il seçmək üçün sahə.
• week: Həftə və il seçmək üçün sahə.
• time: Saat seçmək üçün sahə.
• datetime-local: Tarix və saat seçmək üçün sahə, saat zonasız.
• search: Axtarış sahəsi.
• color: Rəng seçimi.
• tel: Telefon nömrəsi daxil etmək üçün sahə.

İstifadə nümunəsi:

<!-- Bir sətirli mətn sahəsi -->
<input type="text" placeholder="Ad">

<!-- Şifrə daxil etmək üçün sahə -->
<input type="password" placeholder="Şifrə">

<!-- Formu göndərmək üçün düymə -->
<input type="submit" value="Göndər">

<!-- Formu sıfırlamaq üçün düymə -->
<input type="reset" value="Sıfırla">

<!-- Radio düymələri -->
<input type="radio" name="gender" value="male"> Kişi
<input type="radio" name="gender" value="female"> Qadın

<!-- Seçim qutuları -->
<input type="checkbox" name="interests" value="music"> Musiqi
<input type="checkbox" name="interests" value="sports"> İdman

<!-- Adi düymə -->
<input type="button" value="Məni kliklə">

<!-- Fayl seçimi sahəsi -->
<input type="file">

<!-- Gizli sahə -->
<input type="hidden" name="userId" value="123">

<!-- Şəkil düyməsi -->
<input type="image" src="submit.png" alt="Göndər">

<!-- Email sahəsi -->
<input type="email" placeholder="Email">

<!-- URL sahəsi -->
<input type="url" placeholder="Veb sayt">

<!-- Rəqəm sahəsi -->
<input type="number" min="1" max="10">

<!-- Sürgü -->
<input type="range" min="0" max="100">

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

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

<!-- Həftə -->
<input type="week">

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

<!-- Tarix və saat (yerli) -->
<input type="datetime-local">

<!-- Axtarış -->
<input type="search" placeholder="Axtar">

<!-- Rəng seçimi -->
<input type="color">

<!-- Telefon nömrəsi -->
<input type="tel" placeholder="+994 (xxx) xxx-xx-xx">