Input Color disabled ominaisuus

HTML DOM Väriobjekti

Määrittely ja käyttö

disabled Asettaa tai palauttaa värivalitsimen tulisi olla poissa käytöstä.

Poistetut elementit ovat käytettävissä ja klikattavissa. Oletuksena poistetut elementit näytetään sormella selaimessa yleensä harmaana.

Tämä ominaisuus heijastaa HTML:n disabled-ominaisuutta.

Katso myös:

HTML viittausoppaat:HTML <input> disabled-ominaisuus

Esimerkki

Esimerkki 1

Poista värivalitsin käytöstä:

document.getElementById("myColor").disabled = true;

Kokeile itse

Esimerkki 2

Tarkista, onko värivalitsin poissa käytöstä:

var x = document.getElementById("myColor").disabled;

Kokeile itse

Esimerkki 3

Poista värivalitsin käytöstä ja palauta se käyttöön:

function disableBtn() {
    document.getElementById("myColor").disabled = true;
}
function undisableBtn() {
    document.getElementById("myColor").disabled = false;
}

Kokeile itse

Syntaksi

Palauta disabled-omistussääntö:

colorObject.disabled

Aseta disabled-omistussääntö:

colorObject.disabled = true|false

Omistussääntöarvo

Arvo Kuvaus
true|false

Määrittää, tulisiko värivalitsin olla poissa käytöstä.

  • true - värivalitsin on poissa käytöstä
  • false - oletusarvo. Värivalitsin ei ole poissa käytöstä

Tekninen yksityiskohta

Palautusarvo: Totuusarvo, jos värivalitsin on poissa käytöstä, palautetaan true, jos ei muuten false.

Selaimen tuki

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki 10.0 Tuki Tuki Tuki

Huomioitavaa:Elementti <input type="color"> ei näytä minkäänlaista väritäyttöä Internet Explorerissä ja Safarissa.

HTML DOM Väriobjekti