Atribut dinonaktifkan HTML

Sebelumnya _ Semua Atribut HTML Selanjutnya _

Definisi dan Penggunaan

Atributnya disabledadalah atribut boolean.

Saat ada, ini menentukan bahwa elemen tersebut harus dinonaktifkan.

Elemen yang dinonaktifkan tidak dapat digunakan.

Atribut disableddapat diatur untuk mencegah pengguna menggunakan elemen hingga beberapa kondisi lain terpenuhi (seperti memilih kotak centang, dll.). Kemudian, JavaScript dapat menghapus nilai yang dinonaktifkan, dan membuat elemen dapat digunakan kembali.

Berlaku untuk

Atribut disableddapat digunakan pada elemen berikut:

Elemen	Atribut
<tombol>	dengan disabilitas
<set bidang>	dengan disabilitas
<masukan>	dengan disabilitas
<optgroup>	dengan disabilitas
<pilihan>	dengan disabilitas
<pilih>	dengan disabilitas
<textarea>	dengan disabilitas

Contoh

Contoh Tombol

Tombol yang dinonaktifkan:

<button type="button" disabled>Click Me!</button>

Contoh Fieldset

Nonaktifkan grup elemen formulir terkait:

<fieldset disabled>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>

Contoh Masukan

Formulir HTML dengan bidang input yang dinonaktifkan:

<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>

Contoh Optgroup

Grup opsi yang dinonaktifkan:

<select>
<optgroup label="German Cars" disabled>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>

Contoh Opsi

Daftar tarik-turun dengan satu opsi yang dinonaktifkan:

<select>
<option value="volvo" disabled>Volvo</option>
<option value="saab">Saab</option>
<option value="vw">VW</option>
<option value="audi">Audi</option>
</select>

Pilih Contoh

Daftar tarik-turun yang dinonaktifkan:

<select disabled>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>

Contoh Textarea

Area teks yang dinonaktifkan:

<textarea disabled>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>

Dukungan Peramban

Atribut disabledmemiliki dukungan browser berikut untuk setiap elemen:

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