前端颜色选择器

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

}

效果图：

可以使用color属性

如：

<td color="red">文字</td>

颜色名

大多数的浏览器都支持颜色名集合。

提示：仅仅有 16 种颜色名被 W3C 的 HTML4.0 标准所支持。它们是：aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow。

如果需要使用其它的颜色，需要使用十六进制的颜色值。

---