html5 url颜色,HTML5input新增type属性color颜色拾取器的实例代码

type 属性规定 input 元素的类型。本文较详细的给大家介绍了HTML5 input新增type属性color颜色拾取器的实例代码，感兴趣的朋友跟随脚本之家小编一起看看吧

定义和用法

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

注释：该属性不是必需的，但是我们认为您应该始终使用它。

color拾取器

document.querySelector("#color").onchange = function () {

document.getElementById('color').click(); // 必须添加触发click事件否则不能通过点击确定按钮触发更改颜色

document.body.style.background = this.value;

}

下面看下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视频教程！

html5 url颜色,HTML5input新增type属性color颜色拾取器的实例代码相关推荐

HTML5 input新增type属性color颜色拾取器是怎样使用的？你可能不知道的javascript获取法？（95）
color 定义拾色器. 定义和用法 type 属性规定 input 元素的类型. 注释:该属性不是必需的,但是我们认为您应该始终使用它代码如下:是通过js来获取的! <!DOCTYPE ht ...
Html5的废弃与新增全局属性及元素
有新增就有废弃,今天来学习一下废弃元素在表格里原有的xhtml及html4中所用的bgcolor(背景颜色).border(边框).cellpadding(内边距).width(宽)align(字体 ...
Linux中文件颜色所代表的属性和颜色
绿色文件: 可执行文件,可执行的程序红色文件:压缩文件或者包文件蓝色文件:目录白色文件:一般性文件,如文本文件,配置文件,源码文件等浅蓝色文件:链接文件,主要是使用ln命令建立的文件 ...
html5模拟点击事件,css3模拟jq点击事件的实例代码
今天是一个css3模拟jq点击事件,因为我发现,css3中没有类似于,js的点击事件,那么,可不可以仿照jq的效果,类似的做一个呢?主要用到,input里面的radio 单选按钮,然后后面跟一个a标签 ...
html5经纬度定位源码_h5实现获取用户地理定位的实例代码
最近做的一个项目中有一个获取周围商户的功能,需要用到地理定位系统, 于是便想到了用 h5 的地理定位,查阅了下资料后,简单封装了下代码. const getPosition = ( timeout = ...
html中input的color,怎么使用html5中input的color颜色拾取器?使用方法分享！
从事编程方面类的小伙伴们都知道时不时更新换代是我们习以为常的家常便饭对于程序员来说,那么今天我们就来说说:"怎么使用html5中input新增type属性color颜色拾取器?"这 ...
html5 input的type属性启动数字输入法
当文本框只能输入数字是一个很常见的需求,比如电话号码,身份证号,卡号, 数量....等等只允许数字输入,为了更好的用户体验性,直接写出启动数字键盘的需求,我和大多数人一样用 this.style ...
HTML、CSS定义字体、颜色、背景等属性
字体属性字体font-family:"字体1","字体2",... 例:font-family:"宋体"; 字号font-size: ...
前端：HTML5/36/HTML5简介，文档类型定义，网页字符集，页面结构标记，文章相关的标记，其它标记，音频标记，视频标记，表单中新增的属性，表单input元素type属性的值
HTML5简介 HTML5是新一代的HTML: HTML5目前主要应用在手机端,在PC端最新浏览器已经开始支持了,但还不全面: HTML5是由W3C和WHATWG合作的结果: W3C是万维网联盟,主要 ...

html5 url颜色,HTML5input新增type属性color颜色拾取器的实例代码

html5 url颜色,HTML5input新增type属性color颜色拾取器的实例代码相关推荐

最新文章

热门文章