Sahifa sarlavhasi

HTML5

elementi

elementi hisoblash natijasini ifodalaydi (skript orqali bajarilgani kabi)

Namuna

Hisoblashni bajaring va

elementi ichida natijani ko'rsating:

oninput="x.value=parseInt(a.value)+parseInt(b.value)">
0

100 +

=

HTML Forma Elementlari

Teg	Tavsif
	Foydalanuvchi kiritishi uchun HTML formani bildiradi
	Kiritish nazoratini bildiradi
<br /></td> <td width="488" bgcolor="#f1f1f1"> <br />Ko’p chiziqli kiritish nazoratini belgilaydi(matn maydoni) <br /></td> </tr> <tr valign="top"> <td width="110"> <br /><label> <br /></td> <td width="488"> <br /><input> elementi uchun bir beligini bildiradi <br /></td> </tr> <tr valign="top"> <td width="110" bgcolor="#f1f1f1"> <br /><fieldset> <br /></td> <td width="488" bgcolor="#f1f1f1"> <br />Bir formada bo’glangan elementlarni guruhlaydi <br /></td> </tr> <tr valign="top"> <td width="110"> <br /><legend> <br /></td> <td width="488"> <br /><fieldset> uchun nom <a href="/nuqtalar-togri-chiziqqacha-bolgan-qisqacha-masofani-aniqlash.html">belgilaydi </a><br /></td> </tr> <tr valign="top"> <td width="110" bgcolor="#f1f1f1"> <br /><select> <br /></td> <td width="488" bgcolor="#f1f1f1"> <br />Drop-down ro’yhatini belgilaydi <br /></td> </tr> <tr valign="top"> <td width="110"> <br /><optgroup> <br /></td> <td width="488"> <br />Drop-down ro’yhatidagi bir guruh bog'langan imkoniyatlarni belgilaydi <br /></td> </tr> <tr valign="top"> <td width="110" bgcolor="#f1f1f1"> <br /><option> <br /></td> <td width="488" bgcolor="#f1f1f1"> <br />Drop-down ro’yhatidagi imkoniyatni belgilaydi <br /></td> </tr> <tr valign="top"> <td width="110"> <br /><button> <br /></td> <td width="488"> <br />Bosib bo'ladigan tugmani <a href="/modul-sozi-qanday-manoni-anglatadi-a-lotincha.html">ifodalaydi </a><br /></td> </tr> <tr valign="top"> <td width="110" bgcolor="#f1f1f1"> <br /><datalist> <br /></td> <td width="488" bgcolor="#f1f1f1"> <br />Kiritish nazorati uchun oldindan belgilangan variantlar ro'yhatini ko'rsatadi <br /></td> </tr> <tr valign="top"> <td width="110"> <br /><keygen> <br /></td> <td width="488"> <br />(Shakllar uchun) bir juft-kalit generator maydonini belgilaydi <br /></td> </tr> <tr valign="top"> <td width="110" bgcolor="#f1f1f1"> <br /><output> <br /></td> <td width="488" bgcolor="#f1f1f1"> <br />Hisoblash natijasini belgilaydi <br /></td> </tr> </table> <br /> <p>Bu bob <input> elementining kiritish turlarini ko’rsatadi.</p> <br /><span id='Input_elementi_Turi:_text(matn)'><h2> Input elementi Turi: text(matn)</span></h2> <br /><b><input type="text"></b> bir qatorli matn kiritishni bildiradi <br /><h3> <b>Namuna:</b></h3> <br /><form> <br /> Ismingiz:<br> <br /> <input type="text" name="ismingiz"><br> <br /> Familiyangiz:<br> <br /> <input type="text" name="familiyangiz"> <br /></form> <br /> <p>Brauzerdagi natija:</p> <br />Начало формы <br />Ismingiz: <br /> <br />Familiyangiz: <br /> <br />Конец формы <br /><span id='Input_elementi_turi:_password(parol)'><h2> Input elementi turi: password(parol)</span></h2> <br /><b><input type="password"></b> parol sohasini bildiradi: <br /><h3> <b>Namuna:</b></h3> <br /><form> <br /> Ismingiz:<br> <br /> <input type="text" name="ismingiz"><br> <br /> Parolingiz:<br> <br /> <input type = "password" name="parolingiz"> <br /></form> <br />Brauzerdagi natija: <br />Начало формы <br />Login: <br /> <br />Parol: <br /> <br />Конец формы <br /> <p>... Parol maydonidagi belgilar yashiringan (yulduzchalar yoki aylanalar sifatida ko'rsatilgan).</p> <br /><span id='Input_elementi_turi:_submit'><h2> Input elementi turi: submit</span></h2> <br /><b><input type="submit"> form-handler</b>ga kiritish uchun tugmani belgilaydi. <br />Form-handler ma'lumotlarni qayta ishlash uchun skritli o'ziga hos server sahifasi. <br />Form-handler formaning harakat atributida belgilangan: <br /><h3> <br /> <br /></h3> <h3> <b>Namuna:</b></h3> <br /><form action="action_page.php"> <br /> Ismingiz:<br> <br /> < input type="text" name="firstname" value="Hoshimjon"><br> <br /> Familiyangiz:<br> <br /> <input type="text" name="lastname" value="Ro'ziyev"><br><br> <br /> <input type="submit" value="Tasdiqlash"> <br /></form> <br />Brauzerdagi natija: <br />Начало формы <br />Ismingiz: <br /> <br />Familiyangiz: <br /> <br /> <br /> <br />Конец формы <p>Agar tasdiqlash tugmasining value <a href="/html-hujjatlari-tarkibi-til-asoslari-abzaslarroyxatlar.html">atributi tushirib qoldirilsa</a>, tugma standart(default) bo’yicha nomlanadi:</p> <br /><h3> <b>Namuna:</b></h3> <br /><form action="action_page.php"> <br /> Ismingiz:<br> <br /> < input type="text" name="firstname" value="Hoshimjon"><br> <br /> Familiyangiz:<br> <br /> <input type="text" name="lastname" value="Ro'ziyev"><br><br> <br /> <input type="submit"> <br /></form> <br /><span id='Input_Elementi_Turi:_radio'><h2> Input Elementi Turi: radio</span></h2> <br /><b><input type="radio"></b> radio tugmasini bildiradi. <br />Radio tugmalari foydalanuvchiga ko’p sonli cheklangan tanlovlardan faqat bittasini tanlash imkoniyatini beradi: <br /><h3> <b>Namuna:</b></h3> <br /><form> <br /> <input type="radio" name="gender" value="erkak"checked> <br /> Erkak<br> <br /> <input type="radio" name="gender" value="ayol"> Ayol<br> <br /></form> <br />Brauzerdagi natija: <br />Начало формы <br /> Erkak <br /> Ayol <br />Конец формы <br /><span id='Input_elementi_turi:_checkbox'><h2> Input elementi turi: checkbox</span></h2> <br /><b><input type="checkbox"></b> belgilash katagini ifodalaydi. <br />Belgilash katakchalari foydalanuvchiga ko’p sonli cheklangan imkoniyatlardan nol yoki bir necha variantlarni tanlash imkoniyatini beradi. <br /><h3> <b>Namuna:</b></h3> <br /><form> <br /> <input type="checkbox" name="transport1" value="Velosiped"> Meni velosipedim bor<br> <br /> <input type="checkbox" name="transprt2" value="Mashina"> Meni mashinam bor <br /></form> <br />Brauzerdagi natija: <br />Начало формы <br /> Meni velosipedim bor <br /> Meni mashinam bor <br />Конец формы <br /><span id='Input_elementi_turi:_button(tugma)'><h2> Input elementi turi: button(tugma)</span></h2> <br /><b><input type="button"></b> tugmani belgilaydi: <br /><h3> <b>Namuna:</b></h3> <br /><input type="button" onclick="alert('Salom Dunyo!')" value="Meni Bosing!"> <br />Brauzerdagi natija: <br />Начало формы <br />Конец формы <br /> <br /><span id='HTML5_input_elementi_turlari'><h2> HTML5 input elementi turlari</span></h2> <br /> <p>HTML5 bir necha yangi input elementi turlarini qo’shimcha qildi:</p> <br /> <br /> <br /><ul> <li/> <br />color(=rang) <br /><li/> <br />date(=sana) <br /><li/> <br />datetime(=vaqt) <br /><li/> <br />datetime-local(=mahalliy-vaqt) <br /><li/> <br />email(=elektron pochta) <br /><li/> <br />month(=oy) <br /><li/> <br />number(=raqam) <br /><li/> <br />range(=qiymat) <br /><li/> <br />search(=qidirish) <br /><li/> <br />tel <br /><li/> <br />time(=vaqt) <br /><li/> <br />url <br /><li/> <br />week(=hafta) <br /></ul> <br />... Input (kiritish) turlari, eski web-brauzerlar <a href="/ozbekistonda-investitsiya-siyosati.html">tomonidan taminlanmagan</a>, kiritish matn turi sifatida muomala qiladi. <br /><h3> <b>Input Elementi Turi: number</b></h3> <br /><b><input type="number"</b> son qiymatini o’z ichiga oladigan kiritish maydonlari uchun ishlatiladi. <br />Siz raqamlarga cheklashlar o’rnatishingiz mumkin. <br />Brauzer qo’llab-<a href="/kashfiyotlar.html">quvvatlashiga qarab</a>, cheklovlarni kiritish sohasiga kiritishingiz mumkin. <br /><h3> <br /> <br /></h3> <h3> <b>Namuna:</b></h3> <br /><form> <br /> Miqdor (1 dan 5 gacha): <br /> <input type="number" name="quantity" min="1" max="5"> <br /></form> <br /><h2> Input elementi cheklovlari</h2> <br /> <p>Bu yerda ba'zi umumiy kiritish cheklovlarining ro'yhati bor(ba'zilari HTML5 da yangi)</p> <br /> <br /> <br /><table width="633" cellpadding="6" cellspacing="0"> <col width="105"> <col width="504"> <tr valign="top"> <td width="105"> <br /><b>Atribut</b> <br /></td> <td width="504"> <br /><b>Tavsif</b> <br /></td> </tr> <tr valign="top"> <td width="105" bgcolor="#f1f1f1"> <br /><b>disabled</b> <br /></td> <td width="504" bgcolor="#f1f1f1"> <br />Kiritish sohasini ishlamaydigan bo'lishi kerakligini ifodalaydi <br /></td> </tr> <tr valign="top"> <td width="105"> <br /><b>max</b> <br /></td> <td width="504"> <br />Kiritish sohasi uchun maksimum qiymatni ifodalaydi <br /></td> </tr> <tr valign="top"> <td width="105" bgcolor="#f1f1f1"> <br /><b>maxlength</b> <br /></td> <td width="504" bgcolor="#f1f1f1"> <br />Kiritish maydoni uchun belgilarni maksimum sonini ifodalaydi <br /></td> </tr> <tr valign="top"> <td width="105"> <br /><b>min</b> <br /></td> <td width="504"> <br />Kiritish sohasi uchun eng kichkina qiymatni ifodalaydi <br /></td> </tr> <tr valign="top"> <td width="105" bgcolor="#f1f1f1"> <br /><b>pattern</b> <br /></td> <td width="504" bgcolor="#f1f1f1"> <br />Kiritish qiymatiga qarshi tekshirish uchun oddiy bir ifodani belgilaydi <br /></td> </tr> <tr valign="top"> <td width="105"> <br /><b>readonly</b> <br /></td> <td width="504"> <br />Kiritish maydoni faqat o'qish uchunligini ifodalaydi(o'zgartirib bo'lmaydi) <br /></td> </tr> <tr valign="top"> <td width="105" bgcolor="#f1f1f1"> <br /><b>required</b> <br /></td> <td width="504" bgcolor="#f1f1f1"> <br />Kiritish maydonini talab qilinganligini ifodalaydi(to'ldirilishi shart) <br /></td> </tr> <tr valign="top"> <td width="105"> <br /><b>size</b> <br /></td> <td width="504"> <br />Kiritish maydonini kengligini(belgilarda) ifodalaydi <br /></td> </tr> <tr valign="top"> <td width="105" bgcolor="#f1f1f1"> <br /><b>step</b> <br /></td> <td width="504" bgcolor="#f1f1f1"> <br />Kiritish maydoni uchun haqqoniy son intervallarini ifodalaydi <br /></td> </tr> <tr valign="top"> <td width="105"> <br /><b>value</b> <br /></td> <td width="504"> <br />Kiritish maydoni uchun standart qiymatni(avtomatik ravishda) ifodalaydi <br /></td> </tr> </table> <br />Keyingi bobda Input elementi cheklovlari haqida ko’proq bilib olasiz. <br /><h3> <b>Namuna:</b></h3> <br /><form> <br /> Miqdor: <br /> <input type="number" name="points" min="0" max="100" step="10" value="30"> <br /></form> <br /><span id='Input_elementi_turi:_date'><h2> Input elementi turi: date</span></h2> <h2> <br /></h2> <br /><b><input type="date"></b> sanani o'z ichiga olishi kerak bo'lgan kiritish sohalari uchun ishlatiladi. <br />Brauzer qo’llab quvvatlashiga qarab, vaqt tanlash kiritish sohasida namoyon bo’ladi. <br /><h3> <b>Namuna:</b></h3> <br /><form> <br /> Tugilgan Kun: <br /> <input type="date" name="bday"> <br /></form> <br />Input elementiga cheklovlar(chegara) qo’shishingiz mumkin: <br /><h3> <b>Namuna:</b></h3> <br /><form> <br /> 1980-01-01dan oldingi vaqtni kiriting: <br /> <input type="date" name="bday" max="1979-12-31"><br> <br /> 2000-01-01dan keyingi vaqtni kiriting: <br /> <input type="date" name="bday" min="2000-01-02"><br> <br /></form> <br /><span id='Input_elementi_turi:_color'><h2> Input elementi turi: color</span></h2> <br /><b><input type="color"></b> rangi o’z ichiga olishi kerak bo’lgan kiritish sohalarida ishlatiladi. <br />Brauzer qo’llab quvvatlashiga qarab, rang tanlash kiritish sohasida namoyon bo'ladi. <br /><h3> <b>Namuna:</b></h3> <br /><form> <br /> Sevimli rangingizni tanlang: <br /> <input type="color" name="favcolor"> <br /></form> <br /><span id='Input_elementi_turi:_range'><h2> Input elementi turi: range</span></h2> <br /><b><input type="range"></b> soha ichida bir qiymatni o’z ichiga olishi kerak bo’lgan kiritish sohalarida ishlatiladi. <br />Brauzer qo’llab quvvatlashiga qarab, slayder nazorat kabi kiritish sohasida namoyon bo’ladi. <br /><h3> <br /> <br /></h3> <h3> <b>Namuna:</b></h3> <br /><form> <br /> <input type="range" name="points" min="0" max="10"> <br /></form> <br /><span id='Input_elementi_turi:_month'><h2> Input elementi turi: month</span></h2> <br /><b><input type="month"></b> foydalanuvchiga oy va yilni tanlash uchun imkon beradi. <br />Brauzer qo’llab quvvatlashiga qarab, vaqt tanlash kiritish sohasida namoyon bo’ladi. <br /><h3> <b>Namuna:</b></h3> <br /><form> <br /> Tug'ilgan kun(oy va yil): <br /> <input type="month" name="bdaymonth"> <br /></form> <br /><span id='Input_elementi_turi:_week'><h2> Input elementi turi: week</span></h2> <br /><b><input type="week"></b> foydalanuvchiga hafta va yilni tanlash imkonini beradi. <br />Brauzer qo’llab quvvatlashiga qarab, vaqt tanlash kiritish sohasida namoyon bo’ladi. <br /><h3> <br /> <br /></h3> <h3> <b>Namuna:</b></h3> <br /><form> <br /> Haftani tanlang: <br /> <input type="week" name="week_year"> <br /></form> <br /><span id='Input_elementi_turi:_time'><h2> Input elementi turi: time</span></h2> <br /><b><input type="time"></b> foydalnuvchiga vaqtni tanlash imkonini beradi.(vaqt zonasisiz) <br />Brauzer qo’llab quvvatlashiga qarab, vaqt tanlash kiritish sohasida namoyon bo’ladi. <br /><h3> <b>Namuna:</b></h3> <br /><form"> <br /> Vaqtni tanlang: <br /> <input type="time" name="usr_time"> <br /></form> <br /><span id='Input_elementi_turi:_datetime'><h2> Input elementi turi: datetime</span></h2> <br /><b><input type="datetime"></b> foydalanuvchiga kun va vaqtni tanlash imkonini beradi(vaqt zonasi bilan). <br /><h3> <b>Namuna:</b></h3> <br /><form> <br /> Birthday (kun va vaqt): <br /> <input type="datetime" name="bdaytime"> <br /></form> <br />... Kiritish turi datetime HTML standartidan chiqarilgan. O'rniga datetime-local dan foydalaning. <br /><span id='Input_elementi_turi:_datetime-local'><h2> Input elementi turi: datetime-local</span></h2> <br /><b><input type="datetime-local"></b> foydalanuvchiga kun va vaqtni tanlash imkonini beradi(vaqt zonasisiz). <br />Brauzer qo’llab quvvatlashiga qarab, vaqt tanlash kiritish sohasida namoyon bo’ladi. <br /><h3> <b>Namuna:</b></h3> <br /><form> <br /> Birthday(kun va vaqt): <br /> <input type="datetime-local" name="bdaytime";> <br /></form> <br /></input></input></input></input></input></input></input></input></input></input></input></input></input></input></input></input></input></input></input></input></input></input></input></input></input></input></input></input></input></input></input></input></input></input></input></input></input></input></input></input></input></keygen></datalist></button></optgroup></select></fieldset></legend></fieldset></input></label>