HTML5: Color picker

This entry is part 24 of 34 in the series HTML5

HTML5 provides a native color picker but currently, only Chrome browser supports this feature.

<input type='color' id='color_id' name='color'/>

To use color picker, we use input type=’color’.

<!DOCTYPE html>
<html lang='en'>
    <meta charset='utf-8'>
    <title> Color picker</title>
    <label for='color_id'>Pick A Color</label>
    <input type='color' id='color_id' name='color'/>
    <input type='submit' value='Go'/>
Series Navigation<< HTML5: Create a slider using range
HTML5: Placeholder text in a form >>

Leave a comment

Leave a Reply