Javascript DOM HTML Input Color disabled Property set

Introduction

Disable a color picker:

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

Click the button to disable the color picker above.

View in separate window

<!DOCTYPE html>
<html>
<body>
<input type="color" id="myColor">
<button onclick="myFunction()">Test</button>
<script>
function myFunction() {/*w  w w.  j a  va  2 s.  c  o  m*/
  document.getElementById("myColor").disabled = true;
}
</script>

</body>
</html>

The disabled property sets or gets whether a color picker should be disabled, or not.

This property mirrors the HTML disabled attribute.

The disabled property accepts and returns a boolean type.

Value	Description
true	The color picker is disabled
false	Default. The color picker is not disabled

Previous Next

Javascript DOM HTML Input Color defaultValue Property set
Javascript DOM HTML Input Color disable and enable a color picker
Javascript DOM HTML Input Color disabled Property get
Javascript DOM HTML Input Color form Property get
Javascript DOM HTML Input Color name Property get

Javascript DOM HTML Input Color disabled Property set

Introduction

Related