HTML5: Color picker

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'>
<head>
    <meta charset='utf-8'>
    <title>Codecrawl.com: Color picker</title>
</head>
<body>
<form>
    <label for='color_id'>Pick A Color</label>
    <input type='color' id='color_id' name='color'/>
    <input type='submit' value='Go'/>
</form>
</body>
</html>
Series Navigation<< HTML5: Create a slider using range
HTML5: Placeholder text in a form >>