<form>
Misol
Ikkita kiritish maydoni va bitta yuborish tugmasiga ega HTML forma:
<form action="/action_page.php" method="get">
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="Submit">
</form>
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
<form> tegi foydalanuvchi ma’lumot kiritishi uchun HTML forma yaratishda ishlatiladi.
<form> elementi quyidagi forma elementlaridan bir yoki bir nechtasini o‘z ichiga olishi mumkin:
Brauzerlarda qo‘llab-quvvatlash
| Element | |||||
|---|---|---|---|---|---|
| <form> | Ha | Ha | Ha | Ha | Ha |
Atributlar
| Atribut | Qiymat | Tavsif |
|---|---|---|
| accept-charset | character_set | Formani yuborishda ishlatiladigan belgilar kodlanishlarini belgilaydi |
| action | URL | Forma yuborilganda forma ma’lumotlari qayerga jo‘natilishini belgilaydi |
| autocomplete | on off |
Formada avtomatik to‘ldirish (autocomplete) yoqilgan yoki o‘chirilgan bo‘lishini belgilaydi |
| enctype | application/x-www-form-urlencoded multipart/form-data text/plain |
Forma ma’lumotlarini serverga yuborishda qanday kodlash kerakligini belgilaydi (faqat method="post" uchun) |
| method | dialog get post |
Forma ma’lumotlarini yuborishda ishlatiladigan HTTP metodini belgilaydi |
| name | text | Forma nomini belgilaydi |
| novalidate | novalidate | Forma yuborilganda tekshirilmasligi (validatsiya qilinmasligi) kerakligini belgilaydi |
| rel | external help license next nofollow noopener noreferrer opener prev search |
Bog‘langan resurs va joriy hujjat o‘rtasidagi munosabatni belgilaydi |
| target | _blank _self _parent _top |
Formani yuborgandan keyin olingan javob qayerda ko‘rsatilishini belgilaydi |
Global atributlar
<form> tegi HTML’dagi global atributlarni ham qo‘llab-quvvatlaydi.
Hodisa atributlari
<form> tegi HTML’dagi hodisa atributlarini ham qo‘llab-quvvatlaydi.
Ko‘proq misollar
Misol
Checkbox’larga ega HTML forma:
<form action="/action_page.php" method="get">
<input type="checkbox" name="vehicle1" value="Bike">
<label for="vehicle1"> I have a bike</label><br>
<input type="checkbox" name="vehicle2" value="Car">
<label for="vehicle2"> I have a car</label><br>
<input type="checkbox" name="vehicle3" value="Boat" checked>
<label for="vehicle3"> I have a boat</label><br><br>
<input type="submit" value="Submit">
</form>
O‘zingiz sinab ko‘ring »
Misol
Radio tugmalarga ega HTML forma:
<form action="/action_page.php" method="get">
<input type="radio" id="html" name="fav_language" value="HTML">
<label for="html">HTML</label><br>
<input type="radio" id="css" name="fav_language" value="CSS" checked="checked">
<label for="css">CSS</label><br>
<input type="radio" id="javascript" name="fav_language" value="JavaScript">
<label for="javascript">JavaScript</label><br><br>
<input type="submit" value="Submit">
</form>
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
HTML darsligi: HTML formalari va kiritish elementlari
HTML DOM ma’lumotnomasi: Form obyekti
CSS darsligi: Formalarni bezash
Standart CSS sozlamalari
Ko‘pchilik brauzerlar <form> elementini quyidagi standart qiymatlar bilan ko‘rsatadi:
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!