HTML <input>

<input> — foydalanuvchidan ma’lumot qabul qiladigan eng ko’p qirrali forma elementi. Matn, parol, elektron pochta, sana, katakcha, tanlov tugmasi — bularning barchasi bir <input> tegining turli type qiymatlari orqali yaratiladi. U formalarning asosiy quroli.

<input> — foydalanuvchi ma’lumot kiritadigan forma maydonini yaratadigan teg. Uning type atributi maydon turini belgilaydi. U yopuvchi tegga ega emas.

type atributi

<input> ning kuchi uning type atributida. Eng ko’p ishlatiladiganlarini jadvalda ko’ramiz:

Matn va parol maydonlari

Eng ko’p uchraydigan turlar — matn va parol:

<input type="text" name="ism" placeholder="Ismingiz">
<input type="password" name="parol" placeholder="Parol">

Ismingiz: [Farrux________]
Parol:    [••••••••]

type="text" oddiy matnni ko’rsatadi, type="password" esa kiritilgan belgilarni nuqtalar bilan yashiradi. placeholder — maydon bo’sh bo’lganda ko’rinadigan yo’l-yo’riq matni.

Katakcha va tanlov tugmasi

checkbox bir necha variantni, radio esa faqat bittasini tanlashga imkon beradi:

<input type="checkbox" name="qiziqish"> Dasturlash
<input type="checkbox" name="qiziqish"> Dizayn
<br>
<input type="radio" name="jins"> Erkak
<input type="radio" name="jins"> Ayol

☑ Dasturlash  ☐ Dizayn
◉ Erkak  ○ Ayol

checkbox — mustaqil belgilash (bir nechtasini tanlash mumkin), radio esa bir guruhdan faqat bittasini tanlash (bir xil name bilan bog’langan). Bu farqni yodda tuting.

Foydali atributlar

<input> ko’plab foydali atributlarga ega. required maydonni to’ldirishni majbur qiladi, value boshlang’ich qiymat beradi:

<input type="email" name="pochta" required placeholder="Pochta">
<input type="submit" value="Ro'yxatdan o'tish">

Pochta: [____________] (to'ldirish majburiy)
[ Ro'yxatdan o'tish ]

required — forma yuborilishidan oldin maydon to’ldirilishini talab qiladi, type="email" esa pochta formatini avtomatik tekshiradi. Bu atributlar forma to’g’riligini ta’minlaydi.

Xulosa

Bu bo’limda <input> tegini, uning type atributining turli qiymatlarini (text, password, checkbox, radio), foydali atributlarni (required, placeholder) ko’rib chiqdik. <input> — formalarning eng ko’p qirrali elementi.