disabled
Ta’rif va qo‘llanilishi
disabled atributi mantiqiy (boolean) atributdir.
Bu atribut mavjud bo‘lsa, element faolsizlantirilgan bo‘lishi kerakligini bildiradi.
Faolsizlantirilgan elementdan foydalanib bo‘lmaydi.
disabled atributi biror boshqa shart bajarilmaguncha (masalan, checkbox belgilanmaguncha va h.k.) foydalanuvchining elementdan foydalanishiga yo‘l qo‘ymaslik uchun o‘rnatilishi mumkin. Keyin JavaScript disabled qiymatini olib tashlab, elementni yana foydalanishga yaroqli qilishi mumkin.
Qo‘llaniladigan elementlar
disabled atributini quyidagi elementlarda ishlatish mumkin:
| Elementlar | Atribut |
|---|---|
| <button> | disabled |
| <fieldset> | disabled |
| <input> | disabled |
| <optgroup> | disabled |
| <option> | disabled |
| <select> | disabled |
| <textarea> | disabled |
Misollar
Button misoli
Faolsizlantirilgan tugma:
<button type="button" disabled>Click Me!</button>
O‘zingiz sinab ko‘ring »
Fieldset misoli
Bog‘liq forma elementlari guruhini faolsizlantiring:
<fieldset disabled>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
O‘zingiz sinab ko‘ring »
Input misoli
Faolsizlantirilgan kiritish maydoniga ega HTML forma:
<form action="/action_page.php">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname" disabled><br>
<input type="submit" value="Submit">
</form>
O‘zingiz sinab ko‘ring »
Optgroup misoli
Faolsizlantirilgan variantlar guruhi:
<select>
<optgroup label="German Cars" disabled>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
O‘zingiz sinab ko‘ring »
Option misoli
Bitta varianti faolsizlantirilgan ochiladigan ro‘yxat:
<select>
<option value="volvo" disabled>Volvo</option>
<option value="saab">Saab</option>
<option value="vw">VW</option>
<option value="audi">Audi</option>
</select>
O‘zingiz sinab ko‘ring »
Select misoli
Faolsizlantirilgan ochiladigan ro‘yxat:
<select disabled>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
O‘zingiz sinab ko‘ring »
Textarea misoli
Faolsizlantirilgan matn maydoni:
<textarea disabled>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
disabled atributining har bir element uchun brauzerlarda qo‘llab-quvvatlanishi quyidagicha:
| Element | |||||
|---|---|---|---|---|---|
| button | Ha | Ha | Ha | Ha | Ha |
| fieldset | Ha | Qo‘llab-quvvatlanmaydi | Ha | 7.0 | Ha |
| input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
| optgroup | 1.0 | 8.0 | Ha | Ha | Ha |
| option | 1.0 | 8.0 | 1.0 | Ha | Ha |
| select | Ha | Ha | Ha | Ha | Ha |
| textarea | Ha | Ha | Ha | Ha | Ha |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!