<input>

Misol

Uchta kiritish maydoniga ega HTML forma: ikkita matn maydoni va bitta yuborish tugmasi:

<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"> </form>

O‘zingiz sinab ko‘ring »

Ta’rif va qo‘llanilishi

<input> tegi foydalanuvchi ma’lumot kiritishi mumkin bo‘lgan kiritish maydonini belgilaydi.

<input> elementi eng muhim forma elementidir.

<input> elementi type atributiga qarab turli ko‘rinishlarda ko‘rsatilishi mumkin.

Turli kiritish turlari quyidagilar:

<input type="button">
<input type="checkbox">
<input type="color">
<input type="date">
<input type="datetime-local">
<input type="email">
<input type="file">
<input type="hidden">
<input type="image">
<input type="month">
<input type="number">
<input type="password">
<input type="radio">
<input type="range">
<input type="reset">
<input type="search">
<input type="submit">
<input type="tel">
<input type="text"> (standart qiymat)
<input type="time">
<input type="url">
<input type="week">

Har bir kiritish turi uchun misollarni ko‘rish uchun type atributiga qarang!

Maslahatlar va eslatmalar

Maslahat: <input type="text">, <input type="checkbox">, <input type="radio">, <input type="file"> va <input type="password"> uchun yorliqlarni belgilashda har doim <label> tegidan foydalaning.

Brauzerlarda qo‘llab-quvvatlash

Element
<input>	Ha	Ha	Ha	Ha	Ha

Atributlar

Atribut	Qiymat	Tavsif
accept	file_extension audio/* video/* image/* media_type	Foydalanuvchi fayl tanlash oynasida qaysi turdagi fayllarni tanlay olishi uchun filtrni belgilaydi (faqat type="file" uchun)
alt	text	Rasmlar uchun muqobil matnni belgilaydi (faqat type="image" uchun)
autocomplete	on off	<input> elementida avtomatik to‘ldirish yoqilgan bo‘lishi kerakmi yoki yo‘qligini belgilaydi
autofocus	autofocus	Sahifa yuklanganda <input> elementi avtomatik ravishda fokus olishi kerakligini belgilaydi
checked	checked	Sahifa yuklanganda <input> elementi oldindan tanlangan bo‘lishi kerakligini belgilaydi (type="checkbox" yoki type="radio" uchun)
dirname	inputname.dir	Matn yo‘nalishi yuborilishini bildiradi
disabled	disabled	<input> elementi faolsizlantirilgan bo‘lishi kerakligini belgilaydi
form	form_id	<input> elementi tegishli bo‘lgan formani belgilaydi
formaction	URL	Forma yuborilganda kiritish elementini qayta ishlaydigan faylning URL manzilini belgilaydi (type="submit" va type="image" uchun)
formenctype	application/x-www-form-urlencoded multipart/form-data text/plain	Forma ma’lumotlarini serverga yuborishda qanday kodlash kerakligini belgilaydi (type="submit" va type="image" uchun)
formmethod	get post	Ma’lumotlarni action URL manziliga yuborish uchun HTTP metodini belgilaydi (type="submit" va type="image" uchun)
formnovalidate	formnovalidate	Forma elementlari yuborilganda tekshirilmasligi (validatsiya qilinmasligi) kerakligini belgilaydi
formtarget	_blank _self _parent _top framename	Formani yuborgandan keyin olingan javob qayerda ko‘rsatilishini belgilaydi (type="submit" va type="image" uchun)
height	pixels	<input> elementining balandligini belgilaydi (faqat type="image" uchun)
list	datalist_id	<input> elementi uchun oldindan belgilangan variantlarni o‘z ichiga olgan <datalist> elementiga ishora qiladi
max	number date	<input> elementi uchun maksimal qiymatni belgilaydi
maxlength	number	<input> elementida ruxsat etilgan belgilarning maksimal sonini belgilaydi
min	number date	<input> elementi uchun minimal qiymatni belgilaydi
minlength	number	<input> elementida talab qilinadigan belgilarning minimal sonini belgilaydi
multiple	multiple	Foydalanuvchi <input> elementiga bir nechta qiymat kiritishi mumkinligini belgilaydi
name	text	<input> elementining nomini belgilaydi
pattern	regexp	<input> elementining qiymati tekshiriladigan muntazam ifodani belgilaydi
placeholder	text	<input> elementining kutilayotgan qiymatini tavsiflovchi qisqa maslahatni belgilaydi
popovertarget	element_id	Qaysi popover elementini chaqirishni belgilaydi (faqat type="button" uchun)
popovertargetaction	hide show toggle	Tugmani bosganingizda popover elementi bilan nima sodir bo‘lishini belgilaydi (faqat type="button" uchun)
readonly	readonly	Kiritish maydoni faqat o‘qish uchun ekanini belgilaydi
required	required	Formani yuborishdan oldin kiritish maydoni to‘ldirilishi shartligini belgilaydi
size	number	<input> elementining kengligini belgilar sonida belgilaydi
src	URL	Yuborish tugmasi sifatida ishlatiladigan rasmning URL manzilini belgilaydi (faqat type="image" uchun)
step	number any	Kiritish maydonidagi ruxsat etilgan sonlar orasidagi intervalni belgilaydi
type	button checkbox color date datetime-local email file hidden image month number password radio range reset search submit tel text time url week	Ko‘rsatiladigan <input> elementining turini belgilaydi
value	text	<input> elementining qiymatini belgilaydi
width	pixels	<input> elementining kengligini belgilaydi (faqat type="image" uchun)

Global atributlar

<input> tegi HTML’dagi global atributlarni ham qo‘llab-quvvatlaydi.

Hodisa atributlari

<input> tegi HTML’dagi hodisa atributlarini ham qo‘llab-quvvatlaydi.

Tegishli sahifalar

HTML darsligi:

HTML DOM ma’lumotnomasi:

Standart CSS sozlamalari

Yo‘q.

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tish Kirish