Javascript 参考手册

HTML DOM 对象

HTML DOM Input Color 对象

Input Color 对象

Input Color 对象是 HTML5 新增的。

Input Color 对象代表了使用 type="color"属性的 HTML <input> 元素 。

注意: Internet Explorer 或 Safari浏览器不支持 <input> 元素使用 type="color" 属性。

访问 Input Color 对象

你可以使用 getElementById() 函数来访问使用 type="color" 属性的 <input> 元素:

实例

var x = document.getElementById("myColor");
尝试一下

提示: 你同样可以通过表单的元素集合来访问 Input Color 对象。

创建 Input Color 对象

你可以使用  document.createElement()  方法来创建使用 type="color" 属性的 <input> 元素:

实例

var x = document.createElement("INPUT");
x.setAttribute("type", "color");
尝试一下

Input Color 对象属性

属性描述
autocomplete设置或者返回拾色器的 autocomplete 属性值。
autofocus设置或者返回在页面加载时拾色器是否获取焦点。
defaultValue设置或返回拾色器默认的值。
disabled设置或返回拾色器是否可用。
form返回包含拾色器的 form 表单引用。
list返回包含拾色器的 datalist 引用。
name设置或者返回拾色器  name 属性值。
type返回拾色器的表单元素类型。
value设置或者返回拾色器的 value 属性值。

标准属性和事件

Input Color 对象同样支持标准 属性事件

相关文章

HTML 教程: HTML 表单

HTML 参考手册: HTML <input> 标签

HTML 参考手册: HTML <input> type 属性

新闻动态 联系方式 广告合作 招聘英才 安科实验室 帮助与反馈 About Us

Copyright © 2013 - 2019 Ancii.com All Rights Reserved京ICP备18063983号-5 京公网安备11010802014868号