php input type='button' 颜色,HTML5 input新增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视频教程！

php input type='button' 颜色,HTML5 input新增type属性color颜色拾取器的实例代码相关推荐

html5 url颜色,HTML5input新增type属性color颜色拾取器的实例代码
type 属性规定 input 元素的类型.本文较详细的给大家介绍了HTML5 input新增type属性color颜色拾取器的实例代码,感兴趣的朋友跟随脚本之家小编一起看看吧定义和用法 type ...
html中input与button,Html-button和input的区别
一.定义和用法标签定义的是一个按钮 1.在元素内部,您可以放置内容,比如文本或图像.这是该元素与使用元素创建的按钮之间的不同之处: 2. 控件提供了更为强大的功能和更丰富的内容: 3. 与 ...
HTML5 input新增type属性color颜色拾取器是怎样使用的？你可能不知道的javascript获取法？（95）
color 定义拾色器. 定义和用法 type 属性规定 input 元素的类型. 注释:该属性不是必需的,但是我们认为您应该始终使用它代码如下:是通过js来获取的! <!DOCTYPE ht ...
HTML button 和 input type=“button”的区别 / input type=submit 和button的区别
HTML <button> 和 input type="button"的区别: 1. <button>标签里可以放文本图片等内容,与<input> ...
html中input元素的email,HTML5 input元素类型：email及url介绍
我们已经讨论了一些html5/' target='_blank'>HTML5改进的地方,比如placeholder,prefetching以及webStorage,下面我要介绍的是两个新的inp ...
html中input的color,怎么使用html5中input的color颜色拾取器?使用方法分享！
从事编程方面类的小伙伴们都知道时不时更新换代是我们习以为常的家常便饭对于程序员来说,那么今天我们就来说说:"怎么使用html5中input新增type属性color颜色拾取器?"这 ...
input和button之间的缝隙问题与高度对齐问题
缝隙问题可以看到input和button之间有一个间距缝隙原因标签之间的换行,产生的空白字符导致的解决方法不换行,把input和button放在一起 <input type=" ...
javascript结合html5 canvas实现(可调画笔颜色/粗细/橡皮)的涂鸦板
javascript结合html5 canvas实现(可调画笔颜色/粗细/橡皮)的涂鸦板 <!doctype html> <head> <meta http-equiv= ...
HTML设置字体大小自适应屏幕与echarts图表颜色根据数据大小实时刷新图表颜色
设置html文字大小根据页面大小自适应,在使用rem之前是使用的px和百分比,后来发现页面缩放或在小屏幕的电脑显示不尽人意,后改用rem,写法如:font-size: .21rem;或font-siz ...
前端：HTML5/36/HTML5简介，文档类型定义，网页字符集，页面结构标记，文章相关的标记，其它标记，音频标记，视频标记，表单中新增的属性，表单input元素type属性的值
HTML5简介 HTML5是新一代的HTML: HTML5目前主要应用在手机端,在PC端最新浏览器已经开始支持了,但还不全面: HTML5是由W3C和WHATWG合作的结果: W3C是万维网联盟,主要 ...

php input type='button' 颜色,HTML5 input新增type属性color颜色拾取器的实例代码

php input type='button' 颜色,HTML5 input新增type属性color颜色拾取器的实例代码相关推荐

最新文章

热门文章