Ultimele tutoriale de dezvoltare web
 

HTML disabled Attribute


Definiție și utilizare

disabled atributul este un atribut boolean.

Atunci când este prezent, se specifică faptul că elementul ar trebui să fie dezactivat.

Un element dezactivat este inutilizabil.

disabled atribut poate fi setat pentru a păstra un utilizator să utilizeze elementul până când o altă condiție a fost îndeplinită (like selecting a checkbox, etc.) de (like selecting a checkbox, etc.) . Apoi, un JavaScript ar putea elimina valoarea cu handicap, și de a face elementul utilizabil.


Se aplică la

disabled atribut poate fi utilizat pe următoarele elemente:

element Atribut
<button> disabled
<fieldset> disabled
<input> disabled
<keygen> disabled
<optgroup> disabled
<option> disabled
<select> disabled
<textarea> disabled

Exemple

Button Exemplu

Un buton dezactivat:

<button type="button" disabled>Click Me!</button>
Încearcă - l singur »

Fieldset Exemplu

Dezactivarea unui grup de elemente de formă înrudite:

<fieldset disabled>
  <legend>Personalia:</legend>
  Name: <input type="text"><br>
  Email: <input type="text"><br>
  Date of birth: <input type="text">
</fieldset>
Încearcă - l singur »

Input Exemplu

Un formular HTML cu un câmp de intrare cu handicap:

<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>
Încearcă - l singur »

Keygen Exemplu

Un dezactivat <keygen> Element:

<form action="demo_keygen.asp" method="get">
  Username: <input type="text" name="usr_name">
  Encryption: <keygen name="security" disabled>
  <input type="submit">
</form>
Încearcă - l singur »

Optgroup Exemplu

O opțiune cu handicap grup:

<select>
  <optgroup label="German Cars" disabled>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>
Încearcă - l singur »

Option Exemplu

O listă verticală cu o singură opțiune dezactivată:

<select>
  <option value="volvo" disabled>Volvo</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi">Audi</option>
</select>
Încearcă - l singur »

Select Exemplu

O listă cu handicap drop-down:

<select disabled>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
Încearcă - l singur »

Textarea Exemplu

O zonă de text cu handicap:

<textarea disabled>
At w3ii.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
Încearcă - l singur »

Suport pentru browser-

disabled atributul are următorul suport de browser pentru fiecare element:

Element
button da da da da da
fieldset da Nu sunt acceptate da 7 da
input 1.0 6 1.0 1.0 1.0
keygen da Nu sunt acceptate da 6 da
optgroup 1.0 8 da da da
option 1.0 8 1.0 da da
select da da da da da
textarea da da da da da