HTML atributlari
HTML atributlari ma’lumotnomasi
Quyidagi jadvalda barcha HTML atributlari va ular qaysi elementlarda ishlatilishi keltirilgan:
| Attribute | Tegishliligi | Tavsif |
|---|---|---|
| accept | <input> | Server qabul qiladigan fayllar turlarini belgilaydi (faqat type="file" uchun) |
| accept-charset | <form> | Shaklni yuborish uchun ishlatilishi kerak bo‘lgan belgilar kodlarini belgilaydi |
| accesskey | Global Attributes | Elementni faollashtirish/fokuslash uchun yorliq tugmachasini belgilaydi |
| action | <form> | Shakl topshirilganda forma ma’lumotlarini qaerga yuborish kerakligini belgilaydi |
| align | HTML 5 da qo‘llab-quvvatlanmaydi. | Atrofdagi elementlarga muvofiq tekislashni belgilaydi. Buning o‘rniga CSS dan foydalaning |
| alt | <area>, <img>, <input> | Asl element ko‘rsatilmaganda muqobil matnni belgilaydi |
| async | <script> | Skript asinxron bajarilishini belgilaydi (faqat tashqi skriptlar uchun) |
| autocomplete | <form>, <input> | <form> yoki <input> elementida avtomatik to‘ldirish yoqilgan bo‘lishi kerakligini belgilaydi |
| autofocus | <button>, <input>, <select>, <textarea> | Sahifa yuklanganda element avtomatik ravishda fokuslanishi kerakligini bildiradi |
| autoplay | <audio>, <video> | Audio/video tayyor bo‘lishi bilanoq o‘ynay boshlashini bildiradi |
| bgcolor | HTML 5 da qo‘llab-quvvatlanmaydi. | Elementning fon rangini belgilaydi. Buning o‘rniga CSS dan foydalaning |
| border | HTML 5 da qo‘llab-quvvatlanmaydi. | Element chegarasining kengligini belgilaydi. Buning o‘rniga CSS dan foydalaning |
| charset | <meta>, <script> | Belgilar kodlash tizimini (charset) belgilaydi |
| checked | <input> | Sahifa yuklanganda <input> elementi oldindan tanlanishi kerakligini bildiradi ( type="checkbox" yoki type="radio" uchun) |
| cite | <blockquote>, <del>, <ins>, <q> | Iqtibos/o‘chirilgan/qo‘shilgan matnni tushuntiruvchi URL manzilini belgilaydi |
| class | Global Attributes | Element uchun bir yoki bir nechta klass nomini belgilaydi (uslublar jadvalidagi klassga ishora qiladi) |
| color | HTML 5 da qo‘llab-quvvatlanmaydi. | Elementning matn rangini belgilaydi. Buning o‘rniga CSS dan foydalaning |
| cols | <textarea> | Matn maydonining ko‘rinadigan kengligini belgilaydi |
| colspan | <td>, <th> | Jadval xujayrasini joylashtirishi kerak bo‘lgan ustunlar sonini belgilaydi |
| content | <meta> | http-equiv yoki name atributi bilan bog‘langan qiymatni beradi |
| contenteditable | Global Attributes | Element mazmunini tahrirlash mumkin yoki yo‘qligini belgilaydi |
| controls | <audio>, <video> | Audio/video boshqaruv elementlari (masalan, ijro/pauza tugmasi va h.k.) ko‘rsatilishi kerakligini belgilaydi |
| coords | <area> | Hududning koordinatalarini belgilaydi |
| data | <object> | Obyekt tomonidan foydalaniladigan resursning URL manzilini belgilaydi |
| data-* | Global Attributes | Shaxsiy ma’lumotlarni sahifa yoki ilovaga shaxsiy saqlash uchun foydalaniladi |
| datetime | <del>, <ins>, <time> | Sana va vaqtni belgilaydi |
| default | <track> | Agar foydalanuvchining afzalliklari boshqa trek mosroq bo‘lishini ko‘rsatmasa, trekni yoqish kerakligini bildiradi. |
| defer | <script> | Skript sahifani tahlil qilish (parsing) tugagach bajarilishini belgilaydi (faqat tashqi skriptlar uchun) |
| dir | Global Attributes | Elementdagi kontent uchun matn yo‘nalishini belgilaydi |
| dirname | <input>, <textarea> | Matn yo‘nalishi yuborilishini bildiradi |
| disabled | <button>, <fieldset>, <input>, <optgroup>, <option>, <select>, <textarea> | Belgilangan element/elementlar guruhini o‘chirib qo‘yish kerakligini bildiradi |
| download | <a>, <area> | Foydalanuvchi giperhavolani bosganida maqsad yuklab olinishini bildiradi |
| draggable | Global Attributes | Elementning tortilishi yoki tortilmasligini belgilaydi |
| enctype | <form> | Form ma’lumotlarini serverga yuborishda qanday kodlash kerakligini belgilaydi (faqat method="post" uchun) |
| enterkeyhint | Global Attributes | Virtual klaviaturada kiritish tugmasi matnini belgilaydi |
| for | <label>, <output> | Label/hisob-kitob qaysi forma elementi(lari)ga bog‘langanligini belgilaydi |
| form | <button>, <fieldset>, <input>, <label>, <meter>, <object>, <output>, <select>, <textarea> | Element tegishli shakl nomini belgilaydi |
| formaction | <button>, <input> | Shakl topshirilganda forma ma’lumotlarini qaerga yuborish kerakligini belgilaydi. Faqat type="yuborish" uchun |
| headers | <td>, <th> | Hujayra bog‘langan bir yoki bir nechta sarlavha hujayralarini belgilaydi |
| height | <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> | Elementning balandligini belgilaydi |
| hidden | Global Attributes | Element hali tegishli emasligini yoki endi tegishli emasligini bildiradi |
| high | <meter> | Yuqori qiymat deb hisoblangan diapazonni belgilaydi |
| href | <a>, <area>, <base>, <link> | Havola boradigan sahifaning URL manzilini belgilaydi |
| hreflang | <a>, <area>, <link> | Bog‘langan hujjat tilini belgilaydi |
| http-equiv | <meta> | Kontent atributining ma’lumotlari/qiymati uchun HTTP sarlavhasini taqdim etadi |
| id | Global Attributes | Element uchun noyob identifikatorni belgilaydi |
| inert | Global Attributes | Brauzer ushbu bo‘limga e’tibor bermasligi kerakligini bildiradi |
| inputmode | Global Attributes | Virtual klaviatura rejimini belgilaydi |
| ismap | <img> | Rasmni server tomonidagi rasm xaritasi (image map) sifatida belgilaydi |
| kind | <track> | Matn treki turini belgilaydi |
| label | <track>, <option>, <optgroup> | Matn trekining sarlavhasini belgilaydi |
| lang | Global Attributes | Element tarkibining tilini belgilaydi |
| list | <input> | <input> elementi uchun oldindan belgilangan variantlarni o‘z ichiga olgan <datalist> elementiga ishora qiladi |
| loop | <audio>, <video> | Audio/video har gal tugashi bilan qaytadan boshlanishini bildiradi |
| low | <meter> | Past qiymat deb hisoblangan diapazonni belgilaydi |
| max | <input>, <meter>, <progress> | Maksimal qiymatni belgilaydi |
| maxlength | <input>, <textarea> | Elementda ruxsat etilgan belgilarning maksimal sonini belgilaydi |
| media | <a>, <area>, <link>, <source>, <style> | Bog‘langan hujjat qaysi media/qurilma uchun optimallashtirilganligini belgilaydi |
| method | <form> | Form ma’lumotlarini yuborishda ishlatiladigan HTTP usulini belgilaydi |
| min | <input>, <meter> | Minimal qiymatni belgilaydi |
| multiple | <input>, <select> | Foydalanuvchi bir nechta qiymat kiritishi mumkinligini bildiradi |
| muted | <video>, <audio> | Videoning audio chiqishi o‘chirilishi kerakligini bildiradi |
| name | <button>, <fieldset>, <form>, <iframe>, <input>, <map>, <meta>, <object>, <output>, <param>, <select>, <textarea> | Element nomini belgilaydi |
| novalidate | <form> | Shakl topshirilganda tasdiqlanmasligi kerakligini bildiradi |
| onabort | <audio>, <embed>, <img>, <object>, <video> | To‘xtatilganda (abort) ishga tushadigan skript |
| onafterprint | <body> | Hujjat chop etilgandan keyin ishga tushiriladigan skript |
| onbeforeprint | <body> | Hujjat chop etilishidan oldin bajariladigan skript |
| onbeforeunload | <body> | Hujjat yuklab olinayotganda ishga tushiriladigan skript |
| onblur | Barcha ko‘rinadigan elementlar. | Element fokusni yo‘qotganda ishga tushiriladigan skript |
| oncanplay | <audio>, <embed>, <object>, <video> | Fayl ijroni boshlashga tayyor bo‘lganda (ijroni boshlash uchun yetarlicha buferlanganda) ishga tushadigan skript |
| oncanplaythrough | <audio>, <video> | Buferlash uchun pauza qilmasdan, fayl oxirigacha o‘ynatilsa, ishga tushiriladigan skript |
| onchange | Barcha ko‘rinadigan elementlar. | Elementning qiymati o‘zgartirilganda ishga tushiriladigan skript |
| onclick | Barcha ko‘rinadigan elementlar. | Element bosilganda ishga tushiriladigan skript |
| oncontextmenu | Barcha ko‘rinadigan elementlar. | Kontekst menyusi ishga tushirilganda ishga tushiriladigan skript |
| oncopy | Barcha ko‘rinadigan elementlar. | Element mazmuni nusxalanayotganda ishga tushiriladigan skript |
| oncuechange | <track> | <track> elementida ishora o‘zgarganda ishga tushiriladigan skript |
| oncut | Barcha ko‘rinadigan elementlar. | Elementning mazmuni kesilayotganda ishga tushiriladigan skript |
| ondblclick | Barcha ko‘rinadigan elementlar. | Element ikki marta bosilganda ishga tushiriladigan skript |
| ondrag | Barcha ko‘rinadigan elementlar. | Element sudralayotganda ishga tushiriladigan skript |
| ondragend | Barcha ko‘rinadigan elementlar. | Drag operatsiyasi oxirida ishga tushiriladigan skript |
| ondragenter | Barcha ko‘rinadigan elementlar. | Element to‘g‘ri tushirish maqsadiga tortilganda ishga tushiriladigan skript |
| ondragleave | Barcha ko‘rinadigan elementlar. | Element yaroqli tushirish maqsadini tark etganda ishga tushiriladigan skript |
| ondragover | Barcha ko‘rinadigan elementlar. | Elementni to‘g‘ri tushirish nishoni ustiga sudrab olayotganda ishga tushiriladigan skript |
| ondragstart | Barcha ko‘rinadigan elementlar. | Drag operatsiyasining boshida ishga tushiriladigan skript |
| ondrop | Barcha ko‘rinadigan elementlar. | Skript sudrab olingan element tushirilganda ishga tushiriladi |
| ondurationchange | <audio>, <video> | Media uzunligi o‘zgarganda ishga tushiriladigan skript |
| onemptied | <audio>, <video> | Nimadir noto‘g‘ri ketib, fayl birdan mavjud bo‘lmay qolganda (masalan, kutilmaganda uzilib qolganda) ishga tushadigan skript |
| onended | <audio>, <video> | Ommaviy axborot vositalari tugashi bilan ishga tushiriladigan skript ("tinglaganingiz uchun rahmat" kabi xabarlar uchun foydali voqea) |
| onerror | <audio>, <body>, <embed>, <img>, <object>, <script>, <style>, <video> | Xatolik yuz berganda ishga tushiriladigan skript |
| onfocus | Barcha ko‘rinadigan elementlar. | Element diqqat markazida bo‘lganda ishga tushiriladigan skript |
| onhashchange | <body> | URL manzilining bog‘lovchi qismiga o‘zgartirishlar kiritilganda ishga tushiriladigan skript |
| oninput | Barcha ko‘rinadigan elementlar. | Element foydalanuvchi kiritishini olganida ishga tushiriladigan skript |
| oninvalid | Barcha ko‘rinadigan elementlar. | Element noto‘g‘ri bo‘lganda ishga tushiriladigan skript |
| onkeydown | Barcha ko‘rinadigan elementlar. | Foydalanuvchi tugmani bosganda ishga tushiriladigan skript |
| onkeypress | Barcha ko‘rinadigan elementlar. | Foydalanuvchi tugmani bosganda ishga tushadigan skript |
| onkeyup | Barcha ko‘rinadigan elementlar. | Foydalanuvchi tugmani qo‘yib yuborganda ishga tushadigan skript |
| onload | <body>, <iframe>, <img>, <input>, <link>, <script>, <style> | Element yuklash tugagach, ishga tushiriladigan skript |
| onloadeddata | <audio>, <video> | Media ma’lumotlari yuklanganda ishga tushiriladigan skript |
| onloadedmetadata | <audio>, <video> | Metama’lumotlar (masalan, o‘lchamlar va davomiylik) yuklanganda ishga tushadigan skript |
| onloadstart | <audio>, <video> | Skript, xuddi biror narsa yuklanishidan oldin fayl yuklana boshlaganda ishga tushiriladi |
| onmousedown | Barcha ko‘rinadigan elementlar. | Elementga sichqoncha tugmasi bosilganda ishga tushadigan skript |
| onmousemove | Barcha ko‘rinadigan elementlar. | Sichqoncha kursori element ustida harakatlanar ekan, skript ishga tushadi |
| onmouseout | Barcha ko‘rinadigan elementlar. | Sichqoncha ko‘rsatkichi elementdan tashqariga chiqqanda ishga tushiriladigan skript |
| onmouseover | Barcha ko‘rinadigan elementlar. | Sichqoncha ko‘rsatkichi element ustida harakat qilganda ishga tushiriladigan skript |
| onmouseup | Barcha ko‘rinadigan elementlar. | Sichqoncha tugmasi element ustida bo‘shatilganda ishga tushiriladigan skript |
| onmousewheel | Barcha ko‘rinadigan elementlar. | Sichqoncha g‘ildiragi element ustida aylantirilganda ishga tushiriladigan skript |
| onoffline | <body> | Brauzer oflayn rejimda ishlay boshlaganda ishga tushiriladigan skript |
| ononline | <body> | Brauzer onlayn ishlay boshlaganda ishga tushiriladigan skript |
| onpagehide | <body> | Foydalanuvchi sahifadan uzoqlashganda ishga tushiriladigan skript |
| onpageshow | <body> | Foydalanuvchi sahifaga o‘tganda ishga tushiriladigan skript |
| onpaste | Barcha ko‘rinadigan elementlar. | Foydalanuvchi elementga ba’zi tarkibni joylashtirganda ishga tushiriladigan skript |
| onpause | <audio>, <video> | Media foydalanuvchi tomonidan yoki dasturiy tarzda to‘xtatilganda ishga tushiriladigan skript |
| onplay | <audio>, <video> | Media o‘ynay boshlaganda ishga tushiriladigan skript |
| onplaying | <audio>, <video> | Media o‘ynay boshlaganda ishga tushiriladigan skript |
| onpopstate | <body> | Oyna tarixi o‘zgarganda ishga tushiriladigan skript. |
| onprogress | <audio>, <video> | Brauzer media ma’lumotlarini olish jarayonida bo‘lganda ishga tushiriladigan skript |
| onratechange | <audio>, <video> | Ijro tezligi har safar o‘zgarganda (masalan, foydalanuvchi sekinlashtirilgan yoki tezlashtirilgan rejimga o‘tganda) ishga tushadigan skript. |
| onreset | <form> | Formadagi tiklash tugmasi bosilganda ishga tushadigan skript. |
| onresize | <body> | Brauzer oynasining o‘lchami o‘zgartirilayotganda ishga tushiriladigan skript. |
| onscroll | Barcha ko‘rinadigan elementlar. | Elementning aylantirish paneli aylantirilayotganda ishga tushiriladigan skript |
| onsearch | <input> | Foydalanuvchi qidiruv maydoniga biror narsa yozganda ishga tushiriladigan skript (<input type="search"> uchun) |
| onseeked | <audio>, <video> | Qidiruv atributi "false" qiymatiga o‘rnatilgan bo‘lsa, qidiruv tugaganligini bildiruvchi skript ishga tushiriladi |
| onseeking | <audio>, <video> | Search atributi "true" ga o‘rnatilganda ishga tushiriladigan skript qidiruv faolligini bildiradi |
| onselect | Barcha ko‘rinadigan elementlar. | Element tanlanganda ishga tushiriladigan skript |
| onstalled | <audio>, <video> | Brauzer biron sababga ko‘ra media ma’lumotlarini ololmasa, ishga tushiriladigan skript |
| onstorage | <body> | Veb-saqlash maydoni yangilanganda ishga tushiriladigan skript |
| onsubmit | <form> | Shakl yuborilganda ishga tushiriladigan skript |
| onsuspend | <audio>, <video> | Media ma’lumotlarini olishda ishga tushiriladigan skript har qanday sababga ko‘ra to‘liq yuklanishidan oldin to‘xtatiladi |
| ontimeupdate | <audio>, <video> | Ijro joylashuvi o‘zgarganda (masalan, foydalanuvchi mediani boshqa nuqtaga tez o‘tkazganda) ishga tushadigan skript |
| ontoggle | <details> | Foydalanuvchi <details> elementini ochganda yoki yopganda ishga tushadigan skript |
| onunload | <body> | Sahifadan chiqilganda (yoki brauzer oynasi yopilganda) ishga tushadigan skript |
| onvolumechange | <audio>, <video> | Video/audio ovoz balandligi har o‘zgartirilganda bajariladigan skript |
| onwaiting | <audio>, <video> | Media pauza qilingan, lekin davom etishi kutilayotganda (masalan, ko‘proq ma’lumotni buferlash uchun to‘xtaganda) ishga tushadigan skript |
| onwheel | Barcha ko‘rinadigan elementlar. | Sichqoncha g‘ildiragi element ustida yuqoriga yoki pastga aylanganda ishga tushiriladigan skript |
| open | <details> | Tafsilotlar foydalanuvchiga ko‘rinib turishi (ochiq bo‘lishi) kerakligini belgilaydi |
| optimum | <meter> | Qaysi qiymat o‘lchagich uchun optimal qiymat ekanligini belgilaydi |
| pattern | <input> | <input> elementining qiymati tekshiriladigan muntazam ifodani belgilaydi |
| placeholder | <input>, <textarea> | Elementning kutilgan qiymatini tavsiflovchi qisqa maslahatni belgilaydi |
| popover | Global Attributes | Popover elementini belgilaydi |
| popovertarget | <button>, <input> | Qaysi popover elementi chaqirilishini belgilaydi |
| popovertargetaction | <button>, <input> | Tugma bosilganda popover elementi bilan nima sodir bo‘lishini belgilaydi |
| poster | <video> | Video yuklanayotganda yoki foydalanuvchi ijro tugmasini bosguncha ko‘rsatiladigan rasmni belgilaydi |
| preload | <audio>, <video> | Muallif sahifa yuklanganda audio/video yuklanishi kerakmi yoki yo‘qligini va qanday qilib o‘ylashini belgilaydi |
| readonly | <input>, <textarea> | Element faqat o‘qish uchun ekanligini bildiradi |
| rel | <a>, <area>, <form>, <link> | Joriy hujjat va bog‘langan hujjat o‘rtasidagi munosabatni belgilaydi |
| required | <input>, <select>, <textarea> | Shaklni yuborishdan oldin elementni to‘ldirish kerakligini bildiradi |
| reversed | <ol> | Ro‘yxat tartibi kamayib boruvchi bo‘lishini belgilaydi (9,8,7...) |
| rows | <textarea> | Matn maydonidagi ko‘rinadigan qatorlar sonini belgilaydi |
| rowspan | <td>, <th> | Jadval xujayrasini qamrab oladigan qatorlar sonini belgilaydi |
| sandbox | <iframe> | <iframe> tarkibidagi kontent uchun qo‘shimcha cheklovlar to‘plamini yoqadi |
| scope | <th> | Sarlavha yacheykasi ustun, string yoki ustunlar yoki stringlar guruhi uchun sarlavha ekanligini belgilaydi |
| selected | <option> | Sahifani yuklaganda variantni oldindan tanlash kerakligini bildiradi |
| shape | <area> | Hududning shaklini belgilaydi |
| size | <input>, <select> | Kenglikni belgilar sonida (<input> uchun) yoki ko‘rinadigan variantlar sonini (<select> uchun) belgilaydi |
| sizes | <img>, <link>, <source> | Bog‘langan resurs hajmini belgilaydi |
| span | <col>, <colgroup> | Yopiladigan ustunlar sonini belgilaydi |
| spellcheck | Global Attributes | Element imlo va grammatika tekshirilishi yoki tekshirilmasligini belgilaydi |
| src | <audio>, <embed>, <iframe>, <img>, <input>, <script>, <source>, <track>, <video> | Media faylning URL manzilini belgilaydi |
| srcdoc | <iframe> | <iframe> da ko‘rsatiladigan sahifaning HTML tarkibini belgilaydi |
| srclang | <track> | Trek matni ma’lumotlarining tilini belgilaydi (agar kind="subtitles" bo‘lsa kerak) |
| srcset | <img>, <source> | Turli vaziyatlarda foydalanish uchun tasvirning URL manzilini belgilaydi |
| start | <ol> | Tartiblangan ro‘yxatning boshlang‘ich qiymatini belgilaydi |
| step | <input> | Kirish maydoni uchun qonuniy raqamlar oralig‘ini belgilaydi |
| style | Global Attributes | Element uchun inline CSS uslubini belgilaydi |
| tabindex | Global Attributes | Elementning yorliqlar tartibini belgilaydi |
| target | <a>, <area>, <base>, <form> | Bog‘langan hujjatni qayerda ochish yoki shaklni qaerga yuborish uchun maqsadni belgilaydi |
| title | Global Attributes | Element haqida qo‘shimcha ma’lumotni belgilaydi |
| translate | Global Attributes | Element mazmuni tarjima qilinishi yoki tarjima qilinmasligini belgilaydi |
| type | <a>, <button>, <embed>, <input>, <link>, <menu>, <object>, <script>, <source>, <style> | Element turini belgilaydi |
| usemap | <img>, <object> | Rasmni mijoz tomonidagi rasm xaritasi (image map) sifatida belgilaydi |
| value | <button>, <input>, <li>, <option>, <meter>, <progress>, <param> | Elementning qiymatini belgilaydi |
| width | <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> | Elementning kengligini belgilaydi |
| wrap | <textarea> | Shaklda yuborilganda matn maydonidagi matn qanday o‘ralishini belgilaydi |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!