FREE Web Template Download
HTML CSS JAVASCRIPT SQL PHP BOOTSTRAP JQUERY ANGULARJS TUTORIALS REFERENCES EXAMPLES Blog
 

Input Color autofocus Property

Input Color Object Reference Input Color Object

Example

Find out if a color picker automatically gets focus upon page load:

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

The result of x will be:

true
Try it Yourself »

Definition and Usage

The autofocus property sets or returns whether a color picker should automatically get focus when the page loads, or not.

This property reflects the HTML autofocus attribute.


Browser Support

Property
autofocus Yes 10.0 Yes Yes Yes

Note: The <input type="color"> element does not show any colorpicker in Internet Explorer and Safari.


Syntax

Return the autofocus property:

colorObject.autofocus

Set the autofocus property:

colorObject.autofocus=true|false

Property Values

Value Description
true|false Specifies whether a color picker should get focus when the page loads, or not
  • true - The color picker gets focus
  • false - Default. The color picker does not get focus

Technical Details

Return Value: A Boolean, returns true if the color picker automatically gets focus when the page loads, otherwise it returns false

Related Pages

HTML reference: HTML <input> autofocus attribute


Input Color Object Reference Input Color Object