定義和用法
type 屬性規(guī)定 input 元素的類型。
注釋：該屬性不是必需的，但是我們認為您應該始終使用它。
!DOCTYPE html html lang= en head meta charset= UTF-8 meta name= viewport content= width=device-width, initial-scale=1.0 meta http-equiv= X-UA-Compatible content= ie=edge title color拾取器 /title /head body input type= color id= color /body script document.querySelector( #color ).onchange = function () { document.getElementById( color ).click(); // 必須添加觸發(fā)click事件否則不能通過點擊確定按鈕觸發(fā)更改顏色 document.body.style.background = this.value; /script /html
下面看下HTML 5 input 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 控件的數(shù)字字段password定義密碼字段。字段中的字符會被遮蔽。radio定義單選按鈕。range定義帶有 slider 控件的數(shù)字字段。reset定義重置按鈕。重置按鈕會將所有表單字段重置為初始值。search定義用于搜索的文本字段。submit定義提交按鈕。提交按鈕向服務器發(fā)送數(shù)據(jù)。tel定義用于電話號碼的文本字段。text默認。定義單行輸入字段，用戶可在其中輸入文本。默認是 20 個字符。url定義用于 URL 的文本字段。總結(jié)
以上所述就是給大家介紹的HTML5 input新增type屬性color顏色拾取器的全部內(nèi)容，希望能對大家的學習有所幫助。更多相關教程請訪問Html5視頻教程！
相關推薦：
php公益培訓視頻教程
HTML5圖文教程
HTML5在線手冊
以上就是HTML5 input新增type屬性color顏色拾取器的實例代碼的詳細內(nèi)容，其它編程語言
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
新聞熱點
疑難解答
