导语:H5新增颜色选择,允许配置颜色
html:
<input type="color" name="color" id="color" onchange="changeColor()">
<span id="colorInfo"><span>
//选择颜色的标签,type="color"
js:
var color = document.getElementById("color");//通过使用 getElementById() 来访问 元素
var colorInfo = document.getElementById("colorInfo");
colorInfo.style.color = color.value;//给的字体加颜色
colorInfo.innerHTML = color.value;//给加内容(的值)
function changeColor(){//改变颜色的事件
colorInfo.style.color = color.value;
colorInfo.innerHTML = color.value;
}
效果图: