HTML <fieldset> disabled -ominaisuus

HTML <fieldset> -elementti

Määrittely ja käyttö

disabled Ominaisuus on boolean-ominaisuus.

Jos tämä ominaisuus on asetettu, se määrää, että useita liittyviä lomakkeen elementtejä (kenttäryhmä) tulisi estää.

Estetyt kenttäryhmät (fieldset) eivät ole käytettävissä eivätkä klikattavissa.

Voit asettaa disabled Ominaisuus estää käyttäjää käyttämästä näitä kenttiä, kunnes tiettyjä muita ehtoja (kuten valintatyypin valitseminen) on täytetty. Sitten JavaScript voi poistaa disabled-arvon ja tehdä kenttäryhmästä taas käytettävissä olevan.

Esimerkki

Estä useiden liittyvien lomakkeen elementtien käyttö:

<form action="/action_page.php">
  <fieldset disabled>
    <legend>Henkilökohtaiset tiedot:</legend>
    <label for="fname">Etunimi:</label>
    <input type="text" id="fname" name="fname"><br><br>
    <label for="lname">Sukunimi:</label>
    <input type="text" id="lname" name="lname"><br><br>
    <label for="email">Sähköposti:</label>
    <input type="email" id="email" name="email"><br><br>
    <label for="birthday">Syntymäpäivä:</label>
    <input type="date" id="birthday" name="birthday"><br><br>
    <input type="submit" value="Lähetä">
  </fieldset>
</form>

Kokeile itse

Syntaksi

<fieldset disabled>

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee ominaisuutta täysin.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki 6.0 Tuki

disabled Ominaisuus on <fieldset> -merkin uusi merkki HTML5:ssä.

HTML <fieldset> -elementti