X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

HTML DOM Input Color Object


Input Color Object

The Input Color Object is new in HTML5.

The Input Color object represents an HTML <input> element with type="color".

Note: <input> elements with type="color" are not supported in Internet Explorer or Safari.

Access an Input Color Object

You can access an <input> element with type="color" by using getElementById():

var x = document.getElementById("myColor"); Try it

Tip: You can also access an Input Color object by searching through the elements collection of a form.

Create an Input Color Object

You can create an <input> element with type="color" by using the document.createElement() method:

var x = document.createElement("INPUT");
x.setAttribute("type", "color"); Try it

Input Color Object Properties

Property Description
autocomplete Sets or returns the value of the autocomplete attribute of a color picker
autofocus Sets or returns whether a color picker should automatically get focus when the page loads
defaultValue Sets or returns the default value of a color picker
disabled Sets or returns whether a color picker is disabled, or not
form Returns a reference to the form that contains the color picker
list Returns a reference to the <datalist> element that contains the color picker
name Sets or returns the value of the name attribute of a color picker
type Returns which type of form element the color picker is
value Sets or returns the value of the value attribute of a color picker

Standard Properties and Events

The Input Color object also supports the standard properties and events.


Related Pages

HTML tutorial: HTML Forms

HTML reference: HTML <input> tag

HTML reference: HTML <input> type attribute



Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates FREE Website Templates Free HTML Templates

SHARE THIS PAGE

facebook