Color Attribute

Explanation

Color Attribute is used to select a color from an input field.

Example Code:

<script type='text/javascript'>
function color()
{
 var colorval=document.getElementById("choose-color").value;
 document.getElementById("color").innerHTML="<b>"+colorval+"</b>";
 }
</script>
Pick a color: <input type="color" name="choose-color" id="choose-color" />
<br/>
<input type="button"  value='submit' onclick='color()'/>
<div id='color'>
</div>

Result :

Pick a color:

User can pick the color from the list.
User cannot enter any text/numerical characters as the input field is not available.
If you require more color options then pick them by clicking the "Drop down list", select "Others" button and pick the color.