20/09/2012 Development / html5

Hoje vou postar um exemplo de como usar o input type="color"

<h2>HTML5 Color Picker + Javascript Tutorialh2>
Choose Color 1: <input type="color" name="color1" id="color1" onchange="alert(this.value)" /><br /><br />
Choose Color 2: <input type="color" name="color2" id="color2" /><br /><br />
<input type="button" id="btn" value="Submit" />

function processData(c1,c2) {
    var cv1 = document.getElementById(c1).value;
    var cv2 = document.getElementById(c2).value;
    alert(cv1+" - "+cv2);
}


$().ready(function(){
    $("#btn").click(function(){ processData('color1','color2'); });
});​

http://jsfiddle.net/Phfaz/