HTML forma atributlari
Bu bob HTML <form> elementining turli atributlarini tavsiflaydi.
action atributi
action atributi forma yuborilganda bajariladigan harakatni aniqlaydi.
Odatda, foydalanuvchi yuborish tugmasini bosganda forma ma’lumotlari serverdagi faylga yuboriladi.
Quyidagi misolda forma ma’lumotlari "action_page.php" nomli faylga yuboriladi. Bu fayl forma ma’lumotlarini qayta ishlaydigan server tomonidagi skriptni o‘z ichiga oladi:
Misol
Yuborilganda forma ma’lumotlarini "action_page.php" ga yuboring:
<form action="/action_page.php">
<label for="fname">First
name:</label><br>
<input type="text" id="fname" name="fname"
value="John"><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname" value="Doe"><br><br>
<input type="submit" value="Submit">
</form>
O‘zingiz sinab ko‘ring »
Maslahat: action atributi ko‘rsatilmasa, action qiymati sifatida joriy sahifa olinadi.
target atributi
target atributi forma yuborilgandan so‘ng qabul qilingan javob qayerda ko‘rsatilishini belgilaydi.
target atributi quyidagi qiymatlardan biriga ega bo‘lishi mumkin:
| Qiymat | Tavsif |
|---|---|
| _blank | Javob yangi oyna yoki yorliqda ko‘rsatiladi |
| _self | Javob joriy oynada ko‘rsatiladi |
| _parent | Javob asosiy ramkada ko‘rsatiladi |
| _top | Javob oynaning to‘liq qismida ko‘rsatiladi |
| framename | Javob nomli iframe-da ko‘rsatiladi |
Standart qiymat _self bo‘lib, bu javob joriy oynada ochilishini anglatadi.
Misol
Bu yerda yuborilgan natija brauzerning yangi varag‘ida ochiladi:
<form action="/action_page.php" target="_blank">
O‘zingiz sinab ko‘ring »
method atributi
method atributi forma ma’lumotlarini yuborishda ishlatiladigan HTTP metodini belgilaydi.
Forma ma’lumotlari URL o‘zgaruvchilari sifatida (method="get" bilan) yoki HTTP post tranzaksiyasi sifatida (method="post" bilan) yuborilishi mumkin.
Forma ma’lumotlarini yuborishdagi standart HTTP metodi GET.
Misol
Bu misol forma ma’lumotlarini yuborishda GET metodidan foydalanadi:
<form action="/action_page.php" method="get">
O‘zingiz sinab ko‘ring »
Misol
Bu misol forma ma’lumotlarini yuborishda POST metodidan foydalanadi:
<form action="/action_page.php" method="post">
O‘zingiz sinab ko‘ring »
GET haqida eslatmalar:
- Forma ma’lumotlarini URL manziliga nom/qiymat juftliklari ko‘rinishida qo‘shadi
- Maxsus (sezgir) ma’lumotlarni yuborish uchun hech qachon GET dan foydalanmang! (yuborilgan forma ma’lumotlari URL manzilda ko‘rinadi!)
- URL manzil uzunligi cheklangan (2048 belgi)
- Foydalanuvchi natijani xatchupga qo‘shmoqchi bo‘lgan forma yuborishlari uchun foydali
- GET maxfiy bo‘lmagan ma’lumotlar uchun yaxshi, masalan, Google’dagi query stringlar (so‘rov parametrlari)
POST haqida eslatmalar:
- Forma ma’lumotlarini HTTP so‘rovning tanasiga qo‘shadi (yuborilgan forma ma’lumotlari URL manzilda ko‘rinmaydi)
- POST da o‘lcham cheklovlari yo‘q va katta hajmdagi ma’lumotlarni yuborish uchun ishlatilishi mumkin.
- POST bilan yuborilgan formalarni xatchupga qo‘shib bo‘lmaydi
Maslahat: forma ma’lumotlari maxfiy yoki shaxsiy ma’lumotlarni o‘z ichiga olsa, doim POST dan foydalaning!
autocomplete atributi
autocomplete atributi formada avtomatik to‘ldirish yoqilgan yoki o‘chirilgan bo‘lishi kerakligini belgilaydi.
Avtomatik to‘ldirish yoqilganda, brauzer foydalanuvchi oldin kiritgan qiymatlarga asoslanib qiymatlarni avtomatik to‘ldiradi.
Misol
Avtomatik to‘ldirish yoqilgan forma:
<form action="/action_page.php" autocomplete="on">
O‘zingiz sinab ko‘ring »
Novalidate atributi
novalidate atributi — bu mantiqiy (boolean) atribut.
Mavjud bo‘lganda, u forma ma’lumotlari (kiritilgan ma’lumot) yuborilganda tekshirilmasligi kerakligini belgilaydi.
Misol
Novalidate atributiga ega forma:
<form action="/action_page.php" novalidate>
O‘zingiz sinab ko‘ring »
Barcha <form> atributlari ro‘yxati
| Atribut | Tavsif |
|---|---|
| accept-charset | Forma yuborishda ishlatiladigan belgi kodlash usullarini belgilaydi |
| action | Forma yuborilganda forma ma’lumotlarini qayerga yuborishni belgilaydi |
| autocomplete | Formada avtomatik to‘ldirish yoqilgan yoki o‘chirilgan bo‘lishi kerakligini belgilaydi |
| enctype | Forma ma’lumotlari serverga yuborilganda qanday kodlanishini belgilaydi (faqat method="post" uchun) |
| method | Forma ma’lumotlarini yuborishda ishlatiladigan HTTP metodini belgilaydi |
| name | Formaning nomini belgilaydi |
| novalidate | Forma yuborilganda tekshirilmasligini belgilaydi |
| rel | Havolali resurs va joriy hujjat o‘rtasidagi munosabatni belgilaydi |
| target | Forma yuborilgandan so‘ng qabul qilingan javob qayerda ko‘rsatilishini belgilaydi |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!