HTML -gedeaktiveerde kenmerk


Definisie en gebruik

Die disabledeienskap is 'n Boolese eienskap.

Wanneer dit teenwoordig is, spesifiseer dit dat die element gedeaktiveer moet word.

'n Gedeaktiveerde element is onbruikbaar.

Die disabledkenmerk kan gestel word om te verhoed dat 'n gebruiker die element gebruik totdat daar aan 'n ander voorwaarde voldoen is (soos om 'n merkblokkie te kies, ens.). Dan kan 'n JavaScript die gedeaktiveerde waarde verwyder en die element weer bruikbaar maak.


Is van toepassing op

Die disabledkenmerk kan op die volgende elemente gebruik word:

Elemente Eienskap
<knoppie> gestremd
<veldset> gestremd
<invoer> gestremd
<optgroup> gestremd
<opsie> gestremd
<kies> gestremd
<tekstarea> gestremd

Voorbeelde

Knoppie Voorbeeld

'n Gedeaktiveerde knoppie:

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

Veldstel voorbeeld

Deaktiveer 'n groep verwante vormelemente:

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

Invoer voorbeeld

'n HTML-vorm met 'n gedeaktiveerde invoerveld:

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

Optgroup Voorbeeld

'n Gedeaktiveerde opsiegroep:

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

Opsie Voorbeeld

'n Aftreklys met een gedeaktiveerde opsie:

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

Kies Voorbeeld

'n Gedeaktiveerde aftreklys:

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

Teksarea Voorbeeld

'n Gestremde teksarea:

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

Blaaierondersteuning

Die disabledkenmerk het die volgende blaaierondersteuning vir elke element:

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