HTML5新增表單之color
1、實作源碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML5新增表單之color</title>
<script type="text/javascript">
/**
* 擷取顔色值
*/
function getColorValue()
{
//擷取color表單域值
var color = document.getElementById("color").value;
//将顔色值指派給文本域
document.getElementById("colorVal").value = color;
}
</script>
</head>
<body>
<input type="color" name="color" id="color" />
<input type="button" οnclick="getColorValue();" value="擷取顔色值" />
<input type="text" id="colorVal" />
</body>
</html>
2、執行個體結果
3、結果說明
（1）建立顔色域
<input type="color" name="color" id="color" /> （2）擷取顔色域值
var color = document.getElementById("color").value; ![用 Canvas 編織璀璨星空圖[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)