HTML5input新增type属性color色彩拾取器的实例代码-

type属性规定input元素的类型。本文较细致的给大家介绍了HTML5input新增type属性color色彩拾取器的实例代码，感乐趣的伴侣追随小编一起看看吧 type 属性规定 input 元素的类型。本文较细致的给大家介绍了HTML5 input新增type属性color色彩拾取器的实例代码，感乐趣的伴侣追随足本之家小编一起看看吧

定义和用途

type 属性规定 input 元素的类型。

注释：该属性不是必须的，但是我们以为您应当始终运用它。

  
  
  
  


  

《script》
  document.querySelector("#color").onchange = function () {
    document.getElementById('color').click(); // 必需增加触发click事件不然不克不及通过点击肯定按钮触发更改色彩
    document.body.style.background = this.value;
  }
《script》

下面看下HTML 5 type 属性

属性值

值	描述
button	定义可点击的按钮（大多与 JavaScript 运用来启动足本）
checkbox	定义复选框。
color	定义拾色器。
date	定义日期字段（带有 calendar 控件）
datetime	定义日期字段（带有 calendar 和 time 控件）
datetime-local	定义日期字段（带有 calendar 和 time 控件）
month	定义日期字段的月（带有 calendar 控件）
week	定义日期字段的周（带有 calendar 控件）
time	定义日期字段的时、分、秒（带有 time 控件）
email	定义用于 e-mail 地址的文本字段
file	定义输入字段和 "阅读..." 按钮，供文件上传
hidden	定义隐蔽输入字段
image	定义图像作为提交按钮
number	定义带有 spinner 控件的数字字段
password	定义密码字段。字段中的字符会被掩藏。
radio	定义单选按钮。
range	定义带有 slider 控件的数字字段。
reset	定义重置按钮。重置按钮会将所有表单字段重置为初始值。
search	定义用于搜寻的文本字段。
submit	定义提交按钮。提交按钮向办事器发送数据。
tel	定义用于电话号码的文本字段。
text	默许。定义单行输入字段，会员可在其中输入文本。默许是 20 个字符。
url	定义用于 URL 的文本字段。

总结

以上所述就是给大家介绍的HTML5 input新增type属性color色彩拾取器的全部内容，但愿能对大家的学习有所帮忙。更多相干教程请拜访Html5视频教程！