En son web geliştirme öğreticiler
 

HTML disabled Attribute


Tanımı ve Kullanımı

disabled nitelik bir boole niteliktir.

Mevcut olduğunda, bu eleman devre dışı bırakılmalıdır belirtir.

Bir devre elemanı kullanılamaz.

disabled nitelik başka koşul yerine kadar eleman kullanarak bir kullanıcıyı korumak için ayarlanabilir (like selecting a checkbox, etc.) . Sonra, bir JavaScript devre dışı değerini kaldırın ve eleman kullanılabilir yapabiliriz.


Geçerli

disabled nitelik aşağıdaki unsurları kullanılabilir:

Elementler nitelik
<button> disabled
<fieldset> disabled
<input> disabled
<keygen> disabled
<optgroup> disabled
<option> disabled
<select> disabled
<textarea> disabled

Örnekler

Button Örnek

Bir engelli düğmesi:

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

Fieldset Örnek

ilgili kalıp elemanları bir grup devre dışı bırakma:

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

Input Örnek

engelli bir giriş alanına sahip bir HTML formu:

<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>
Kendin dene "

Keygen Örnek

Bir engelli <keygen> öğesi:

<form action="demo_keygen.asp" method="get">
  Username: <input type="text" name="usr_name">
  Encryption: <keygen name="security" disabled>
  <input type="submit">
</form>
Kendin dene "

Optgroup Örnek

Bir engelli seçenek-grubu:

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

Option Örnek

bir engelli seçeneği ile 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>
Kendin dene "

Select Örnek

Bir engelli 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>
Kendin dene "

Textarea Örnek

Bir engelli metin alanı:

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

Tarayıcı Desteği

disabled özellik, her element için şu tarayıcı desteği vardır:

Eleman
button Evet Evet Evet Evet Evet
fieldset Evet Desteklenmiyor Evet 7 Evet
input 1.0 6 1.0 1.0 1.0
keygen Evet Desteklenmiyor Evet 6 Evet
optgroup 1.0 8 Evet Evet Evet
option 1.0 8 1.0 Evet Evet
select Evet Evet Evet Evet Evet
textarea Evet Evet Evet Evet Evet