HTML devre dışı Özellik
Tanım ve Kullanım
disabledÖznitelik bir boole özniteliğidir .
Mevcut olduğunda, öğenin devre dışı bırakılması gerektiğini belirtir.
Devre dışı bırakılmış bir öğe kullanılamaz.
Öznitelik ,
disabledbir kullanıcının başka bir koşul karşılanana kadar (bir onay kutusunun seçilmesi vb.) öğeyi kullanmasını engelleyecek şekilde ayarlanabilir. Ardından, bir JavaScript devre dışı bırakılan değeri kaldırabilir ve öğeyi yeniden kullanılabilir hale getirebilir.
Şunlar için geçerlidir:
Nitelik
disabledaşağıdaki öğelerde kullanılabilir:
| Elementler | Bağlanmak |
|---|---|
| <düğme> | engelli |
| <alan kümesi> | engelli |
| <giriş> | engelli |
| <optgroup> | engelli |
| <seçenek> | engelli |
| <seç> | engelli |
| <metin alanı> | engelli |
Örnekler
Düğme Örneği
Devre dışı bırakılmış bir düğme:
<button type="button" disabled>Click Me!</button>
Alan Kümesi Örneği
Bir grup ilgili form öğesini devre dışı bırakın:
<fieldset disabled>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
Giriş Örneği
Devre dışı bırakılmış giriş alanına sahip bir HTML formu:
<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>
Optgrup Örneği
Devre dışı bırakılmış bir seçenek grubu:
<select>
<optgroup label="German Cars" disabled>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
Seçenek Örneği
Bir devre dışı seçeneği olan bir açılır liste:
<select>
<option value="volvo" disabled>Volvo</option>
<option value="saab">Saab</option>
<option value="vw">VW</option>
<option value="audi">Audi</option>
</select>
Örnek Seç
Devre dışı bırakılan bir açılır liste:
<select disabled>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
Metin Alanı Örneği
Devre dışı bırakılmış bir metin alanı:
<textarea disabled>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
Tarayıcı Desteği
Nitelik disabled, her öğe için aşağıdaki tarayıcı desteğine sahiptir:
| 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 |