THE WORLD'S LARGEST WEB DEVELOPER SITE

Input Color autofocus Property

❮ Input Color Object

Example

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

var x = document.getElementById("myColor").autofocus;
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