Definisi dan Penggunaan
The disabled atribut atribut boolean.
Ketika hadir, itu menetapkan bahwa elemen harus dinonaktifkan.
Unsur cacat tidak dapat digunakan.
The disabled atribut dapat diatur untuk menjaga pengguna dari menggunakan elemen sampai beberapa kondisi lain telah dipenuhi (seperti memilih kotak centang, dll). Kemudian, JavaScript bisa menghapus nilai cacat, dan membuat elemen dapat digunakan.
Berlaku untuk
The disabled atribut dapat digunakan pada unsur-unsur berikut:
| elemen | Atribut |
|---|---|
| <button> | disabled |
| <fieldset> | disabled |
| <input> | disabled |
| <keygen> | disabled |
| <optgroup> | disabled |
| <option> | disabled |
| <select> | disabled |
| <textarea> | disabled |
contoh
Button Contoh
Sebuah tombol dinonaktifkan:
<button type="button" disabled>Click Me!</button>
Cobalah sendiri " Fieldset Contoh
Menonaktifkan sekelompok elemen form terkait:
<fieldset disabled>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
Cobalah sendiri " Input Contoh
Bentuk HTML dengan field input cacat:
<form
action="demo_form.asp">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"
disabled><br>
<input type="submit" value="Submit">
</form>
Cobalah sendiri " Keygen Contoh
Sebuah cacat <keygen> elemen:
<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name">
Encryption: <keygen name="security" disabled>
<input type="submit">
</form>
Cobalah sendiri " Optgroup Contoh
Sebuah cacat opsi-kelompok:
<select>
<optgroup label="German Cars" disabled>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
Cobalah sendiri " Option Contoh
Sebuah daftar drop-down dengan satu pilihan dinonaktifkan:
<select>
<option value="volvo" disabled>Volvo</option>
<option value="saab">Saab</option>
<option value="vw">VW</option>
<option value="audi">Audi</option>
</select>
Cobalah sendiri " Select Contoh
Sebuah daftar drop-down cacat:
<select disabled>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
Cobalah sendiri " Textarea Contoh
Sebuah area teks dinonaktifkan:
<textarea disabled>
At w3ii.com you will learn how to make a website. We offer free
tutorials in all web development technologies.
</textarea>
Cobalah sendiri " Dukungan Browser
The disabled atribut memiliki dukungan browser berikut untuk setiap elemen:
| Elemen | |||||
|---|---|---|---|---|---|
| button | iya nih | iya nih | iya nih | iya nih | iya nih |
| fieldset | iya nih | Tidak didukung | iya nih | 7.0 | iya nih |
| input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
| keygen | iya nih | Tidak didukung | iya nih | 6.0 | iya nih |
| optgroup | 1.0 | 8,0 | iya nih | iya nih | iya nih |
| option | 1.0 | 8,0 | 1.0 | iya nih | iya nih |
| select | iya nih | iya nih | iya nih | iya nih | iya nih |
| textarea | iya nih | iya nih | iya nih | iya nih | iya nih |