HTML input form* atributlari

Bu bob HTML <input> elementining turli xil form* atributlarini tavsiflaydi.

form atributi

Kirish form atributi <input> elementi qaysi formaga tegishli ekanini belgilaydi.

Bu atributning qiymati u tegish bo‘lgan <form> elementining id atributiga teng bo‘lishi shart.

Misol

HTML formadan tashqarida joylashgan (lekin baribir forma tarkibiga kiruvchi) kirish maydoni:

<form action="/action_page.php" id="form1">
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<input type="submit" value="Submit">
</form>

<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname" form="form1">

O‘zingiz sinab ko‘ring »

formaction atributi

Kirish formaction atributi forma yuborilganda kiritilgan ma’lumotni qayta ishlaydigan fayl URL manzilini belgilaydi.

Eslatma: bu atribut <form> elementining action atributi o‘rniga qo‘llanadi.

formaction atributi quyidagi kirish turlari bilan ishlaydi: submit va image.

Misol

Har xil harakatlarga (action) ega ikkita yuborish tugmasi bilan HTML forma:

<form action="/action_page.php">
<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">
<input type="submit" formaction="/action_page2.php" value="Submit as Admin">
</form>

O‘zingiz sinab ko‘ring »

formenctype atributi

Kirish formenctype atributi forma ma’lumotlari yuborilganda qanday kodlanishini belgilaydi (faqat method="post" bo‘lgan formalarga tegishli).

Eslatma: bu atribut <form> elementining enctype atributi o‘rniga qo‘llanadi.

formenctype atributi quyidagi kirish turlari bilan ishlaydi: submit va image.

Misol

Ikkita yuborish tugmasi bilan forma. Birinchisi forma ma’lumotlarini standart kodlash bilan yuboradi, ikkinchisi esa forma ma’lumotlarini "multipart/form-data" sifatida kodlab yuboradi:

<form action="/action_page_binary.asp" method="post">
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<input type="submit" value="Submit">
<input type="submit" formenctype="multipart/form-data"
value="Submit as Multipart/form-data">
</form>

O‘zingiz sinab ko‘ring »

formmethod atributi

Kirish formmethod atributi forma ma’lumotlarini action URL manziliga yuborishning HTTP metodini aniqlaydi.

Eslatma: bu atribut <form> elementining method atributi o‘rniga qo‘llanadi.

formmethod atributi quyidagi kirish turlari bilan ishlaydi: submit va image.

Forma ma’lumotlari URL o‘zgaruvchilari sifatida (method="get") yoki HTTP post tranzaksiyasi sifatida (method="post") yuborilishi mumkin.

"get" metodi haqida eslatmalar:

Bu metod forma ma’lumotlarini URL manziliga nom/qiymat juftliklari ko‘rinishida qo‘shadi
Bu metod foydalanuvchi natijani xatchupga qo‘shmoqchi bo‘lgan forma yuborishlari uchun foydali
URL manzilga joylashtirish mumkin bo‘lgan ma’lumot miqdori cheklangan (brauzerlarga qarab farq qiladi), shuning uchun barcha forma ma’lumotlari to‘g‘ri uzatilishiga ishonch bo‘lmaydi
Maxsus (sezgir) ma’lumotlarni uzatish uchun hech qachon "get" metodidan foydalanmang! (parol yoki boshqa maxsus ma’lumotlar brauzer manzil qatorida ko‘rinib qoladi)

"post" metodi haqida eslatmalar:

Bu metod forma ma’lumotlarini HTTP post tranzaksiyasi sifatida yuboradi
"post" metodi bilan yuborilgan formalarni xatchupga qo‘shib bo‘lmaydi
"post" metodi "get" metodiga qaraganda mustahkamroq va xavfsizroq, hamda "post" metodida o‘lcham cheklovlari yo‘q

Misol

Ikkita yuborish tugmasi bilan forma. Birinchisi forma ma’lumotlarini method="get" bilan yuboradi. Ikkinchisi esa forma ma’lumotlarini method="post" bilan yuboradi:

<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 using GET">
<input type="submit" formmethod="post" value="Submit using POST">
</form>

O‘zingiz sinab ko‘ring »

formtarget atributi

Kirish formtarget atributi forma yuborilgandan so‘ng qabul qilingan javob qayerda ko‘rsatilishini bildiruvchi nom yoki kalit so‘zni belgilaydi.

Eslatma: bu atribut <form> elementining target atributi o‘rniga qo‘llanadi.

formtarget atributi quyidagi kirish turlari bilan ishlaydi: submit va image.

Misol

Har xil maqsad oynalarga (target) ega ikkita yuborish tugmasi bilan forma:

<form action="/action_page.php">
<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">
<input type="submit" formtarget="_blank" value="Submit to a new window/tab">
</form>

O‘zingiz sinab ko‘ring »

formnovalidate atributi

Kirish formnovalidate atributi <input> elementi yuborilganda tekshirilmasligi kerakligini belgilaydi.

Eslatma: bu atribut <form> elementining novalidate atributi o‘rniga qo‘llanadi.

formnovalidate atributi quyidagi kirish turi bilan ishlaydi: submit.

Misol

Ikkita yuborish tugmasi bilan forma (tekshirish bilan va tekshirishsiz):

<form action="/action_page.php">
<label for="email">Enter your email:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="Submit">
<input type="submit" formnovalidate="formnovalidate"
value="Submit without validation">
</form>

O‘zingiz sinab ko‘ring »

Novalidate atributi

novalidate atributi — bu <form> atributi.

Mavjud bo‘lganda, novalidate barcha forma ma’lumotlari yuborilganda tekshirilmasligi kerakligini bildiradi.

Misol

Yuborilganda hech qanday forma ma’lumoti tekshirilmasligini belgilang:

<form action="/action_page.php" novalidate>
<label for="email">Enter your email:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="Submit">
</form>

O‘zingiz sinab ko‘ring »

HTML forma va input elementlari

Tag	Tavsif
<form>	Foydalanuvchi kiritish uchun HTML formasini belgilaydi
<input>	Kiritish boshqaruv elementini belgilaydi

Barcha mavjud HTML teglarining to‘liq ro‘yxati uchun HTML teglar ma’lumotnomamizga murojaat qiling.

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tish Kirish