Input tegi
input tegi turli xil HTML shakl elementlarini
yaratadi: oddiy kirish maydoni, parol kiritish maydoni,
belgilash katagchasi (checkbox), radio tugmalari,
tugma.
input tegi form tegi
ichida joylashishi kerak. Bu majburiy emas, lekin
ma'lumotlarni serverga yuborish va ularni PHP orqali
qayta ishlash uchun zarur.
Yopuvchi teg talab qilmaydi.
Atributlar
| Atribut | Tavsif |
|---|---|
type |
Kirish maydoni turini belgilaydi. Variantlar quyida ko'rsatilgan. |
value |
Kirish maydonidagi standart qiymat. Tugma holatida uning matnini belgilaydi.
Batafsil value atributiga qarang.
|
placeholder |
Kirish maydonidagi maslaha, batafsil
placeholder atributiga qarang.
|
name |
Kirish maydoni nomi. PHP da maydon ma'lumotlarini olish uchun kerak. Shaklning to'g'ri ishlashi uchun kirish maydonlari nomlari bir-biriga teng bo'lmasligi kerak (bitta shakl ichida). Agar ular mos kelsa - PHP da HTML kodida pastroq joylashgan kirish maydonining ma'lumotlari keladi. |
disabled |
Shakl elementini bloklaydi (faqat input emas, balki deyarli har qanday),
batafsil disabled atributiga qarang.
|
Type atributi qiymatlari
| Qiymat | Tavsif |
|---|---|
text |
Oddiy matnli kirish maydonini yaratadi. |
password |
Parol uchun matnli kirish maydonini yaratadi. Unga matn kiriting - u yulduzchalar sifatida ko'rsatiladi. |
checkbox |
Belgilash katagchasini yaratadi.
Batafsil checkbox ga qarang.
|
radio |
Radio almashtirgichni yaratadi.
Batafsil radio ga qarang.
|
hidden |
Yashirin input yaratadi, ekranda ko'rinmaydi, lekin
value atributida mavjud bo'lgan
ma'lumotlarni serverga yuboradi.
|
button |
Tugma yaratadi. Ushbu tugmani bosish
shaklni serverga yubormaydi. U
havola ichida yoki JavaScript orqali ishlatilishi mumkin.
Standart holda tugmada matn yo'q (matnsiz tugma misoli: ),
u value orqali belgilanadi.
Shuningdek, tugma yasovchi button
tegiga qarang.
|
submit |
Ma'lumotlarni serverga yuboradigan tugma yaratadi.
Tugma matni brauzerga bog'liq, uni
value orqali o'zgartirish mumkin.
Shuningdek, tugma yasovchi button
tegiga qarang.
|
reset |
To'ldirilgan shaklni tozalaydigan tugma yaratadi.
Tugma matni brauzerga bog'liq, uni
value orqali o'zgartirish mumkin.
|
file |
Fayl tanlash tugmasini yaratadi. Ushbu tugma dizaynini CSS orqali
o'zgartirish taqiqlangan (lekin aqlli usullar mavjud). Agar sizga shaklda bunday maydon kerak bo'lsa,
form tegida
enctype atributi multipart/form-data
qiymatiga ega bo'lishi kerak.
|
HTML5 dagi type atributi yangi qiymatlari
Ushbu atribut qiymatlari yangi, faqat HTML5 da paydo bo'lgan, shuning uchun ba'zi brauzerlarda ular ishlamasligi yoki turli brauzerlarda turlicha ishlashi mumkin.
Agar brauzer type atributi mazmunini
tushunolmasa (masalan, agar u qo'llab-quvvatlanmasa
yoki noto'g'ri kiritilgan bo'lsa),
u elementni oddiy matnli
input sifatida ko'rib chiqadi, xuddi type ga
text qiymati berilgandek.
Quyidagi misollarni turli brauzerlarda ko'rib chiqing.
Inputlarga matn kiriting va yuborish tugmasini bosing.
Agar matn noto'g'ri bo'lsa yoki maydon bo'sh bo'lsa -
brauzer xatolik chiqaradi. Masalan, agar
email turidagi maydonga noto'g'ri
email kiritilsa - brauzer shaklni yuborishga imkon bermaydi va
xatolik haqida xabar chiqaradi (xatolik matni
va uning tashqi ko'rinishini html css orqali o'zgartirib bo'lmaydi).
Agar maydon bo'sh bo'lsa - brauzer xatolik chiqaradi,
bunga required atributi
orqali erishiladi:
| Qiymat | Tavsif |
|---|---|
email |
|
number |
|
url |
|
tel |
|
search |
|
color |
|
date |
|
month |
|
week |
|
datetime |
|
datetime-local |
|
range |
