W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <body> 颜色选择器：<input type="color" id="myColor" name="favcolor"> <p>单击按钮以显示和/或更改颜色选择器的名称属性的值。</p> <button onclick="display()">显示名称</button> <button onclick="change()">修改名称</button> <p><b>注意：</b>Internet Explorer 11 及更早版本或 Safari 9.1 及更早版本不支持 type="color"。</p> <script> function display() { var x = document.getElementById("myColor").name; alert("颜色选择器的名称是：" + x); } function change() { var x = document.getElementById("myColor").name = "newColorName"; alert ("名称已更改为：" + x); } </script> </body> </html>