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颜色拾取器的实例代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。