سمة تعطيل HTML
التعريف والاستخدام
السمة
disabledهي سمة منطقية.
عند وجوده ، فإنه يحدد أنه يجب تعطيل العنصر.
العنصر المعطل غير قابل للاستخدام.
يمكن
disabledتعيين السمة لمنع المستخدم من استخدام العنصر حتى يتم استيفاء شرط آخر (مثل تحديد مربع اختيار ، وما إلى ذلك). بعد ذلك ، يمكن أن تزيل JavaScript القيمة المعطلة ، وتجعل العنصر قابلاً للاستخدام مرة أخرى.
ينطبق على
يمكن
disabledاستخدام السمة في العناصر التالية:
| عناصر | يصف |
|---|---|
| <زر> | معاق |
| <fieldset> | معاق |
| <إدخال> | معاق |
| <optgroup> | معاق |
| <خيار> | معاق |
| <اختر> | معاق |
| <textarea> | معاق |
أمثلة
مثال زر
زر معطل:
<button type="button" disabled>Click Me!</button>
مثال مجموعة الحقول
تعطيل مجموعة من عناصر النموذج ذات الصلة:
<fieldset disabled>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
مثال الإدخال
نموذج HTML مع حقل إدخال معطل:
<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>
مثال Optgroup
مجموعة خيارات معطلة:
<select>
<optgroup label="German Cars" disabled>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
مثال الخيار
قائمة منسدلة مع خيار واحد معطل:
<select>
<option value="volvo" disabled>Volvo</option>
<option value="saab">Saab</option>
<option value="vw">VW</option>
<option value="audi">Audi</option>
</select>
حدد مثال
قائمة منسدلة معطلة:
<select disabled>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
مثال Textarea
منطقة نص معطلة:
<textarea disabled>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
دعم المتصفح
تحتوي disabledالسمة على دعم المتصفح التالي لكل عنصر:
| Element | |||||
|---|---|---|---|---|---|
| button | Yes | Yes | Yes | Yes | Yes |
| fieldset | Yes | Not supported | Yes | 7.0 | Yes |
| input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
| optgroup | 1.0 | 8.0 | Yes | Yes | Yes |
| option | 1.0 | 8.0 | 1.0 | Yes | Yes |
| select | Yes | Yes | Yes | Yes | Yes |
| textarea | Yes | Yes | Yes | Yes | Yes |