THE WORLD'S LARGEST WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

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

Internet Explorer Firefox Opera Google Chrome Safari

The autofocus property is supported in all major browsers.

Note: The autofocus property is not supported in Internet Explorer 9 and earlier versions or in Opera 12 and earlier versions.

Note: The <input type="color"> element is not supported 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