HTMLda qanday input-element turlari mavjud?

Quyidagi input turlari mavjud:

• text: Bir satrli matn maydoni.
• password: Parol kiritish maydoni, belgilar yashirilgan.
• submit: Formani yuborish uchun tugma.
• reset: Formani reset qilish uchun tugma.
• radio: Radio tugma (bir nechta orasidan).
• checkbox: Belgilash katakchasi (bir yoki bir nechta).
• button: Oddiy tugma.
• file: Fayl tanlash maydoni.
• hidden: Yashirin maydon, foydalanuvchi uchun ko‘rinmaydi, ammo forma bilan yuboriladi.
• image: Formani yuborish uchun rasm tugmasi.

HTML5 spetsifikatsiyasi yangi turlarni qo‘shdi:

• email: Email manzilini kiritish uchun maydon.
• url: URL kiritish uchun maydon.
• number: Raqam kiritish uchun maydon.
• range: Belirli diapazonda raqamli qiymatni tanlash uchun slayder.
• date: Sana tanlash uchun maydon.
• month: Oy va yil tanlash uchun maydon.
• week: Hafta va yil tanlash uchun maydon.
• time: Vaqt tanlash uchun maydon.
• datetime-local: Foydalanuvchi uchun vaqt zonasisiz sana va vaqt tanlash.
• search: Qidiruv maydoni.
• color: Rang tanlash maydoni.
• tel: Telefon raqami kiritish uchun maydon.

Foydalanish misoli:

<!-- Bir satrli matn maydoni -->
<input type="text" placeholder="Ism">

<!-- Parol kiritish maydoni -->
<input type="password" placeholder="Parol">

<!-- Formani yuborish uchun tugma -->
<input type="submit" value="Yuborish">

<!-- Formani reset qilish uchun tugma -->
<input type="reset" value="Reset">

<!-- Radio tugmalar -->
<input type="radio" name="gender" value="male"> Erkak
<input type="radio" name="gender" value="female"> Ayol

<!-- Belgilash katakchalari -->
<input type="checkbox" name="interests" value="music"> Musiqa
<input type="checkbox" name="interests" value="sports"> Sport

<!-- Oddiy tugma -->
<input type="button" value="Meni bosing">

<!-- Fayl tanlash maydoni -->
<input type="file">

<!-- Yashirin maydon -->
<input type="hidden" name="userId" value="123">

<!-- Rasm tugma -->
<input type="image" src="submit.png" alt="Yuborish">

<!-- Email maydoni -->
<input type="email" placeholder="Email">

<!-- URL maydoni -->
<input type="url" placeholder="Veb-sayt">

<!-- Raqam maydoni -->
<input type="number" min="1" max="10">

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

<!-- Sana tanlash -->
<input type="date">

<!-- Oy tanlash -->
<input type="month">

<!-- Hafta tanlash -->
<input type="week">

<!-- Vaqt tanlash -->
<input type="time">

<!-- Sana va vaqt (mahalliy) -->
<input type="datetime-local">

<!-- Qidiruv -->
<input type="search" placeholder="Qidirish">

<!-- Rang tanlash -->
<input type="color">

<!-- Telefon raqami -->
<input type="tel" placeholder="+998 (xxx) xxx-xx-xx">