input標(biāo)簽type的值有很多,今天就來給大家總結(jié)一下
1. < input type ="button"> 定義可點(diǎn)擊按鈕 (這個(gè)不用我多說,做前端應(yīng)該都知道)
2.< input type ="checkbox"> 定義復(fù)選框,允許用戶選擇中選取一個(gè)或多個(gè)選項(xiàng)。
3.< input type ="file"> 用于輸入字段和 "瀏覽"按鈕,文件上傳。不過這個(gè)在ie下有個(gè)兼容性問題,不能上傳文件,其實(shí)這個(gè)是IE的安全限制問題,就是在ie下必須點(diǎn)擊file的瀏覽按鈕才能上傳文件,既然IE非得要親自點(diǎn)擊,我們可以改變思路,解決的思路就是:我們可以讓< input type ="file">設(shè)置成絕對(duì)定位,位于某個(gè)標(biāo)簽之上,這樣就可以啦,如果你想改變我們?nèi)庋劭吹降臉邮剑憧梢园?lt; input type ="file">設(shè)置成透明的,然后去改變下面標(biāo)簽的樣式就ok啦。
4.< input type ="hidden">用于定義隱藏的字段,這個(gè)很important,通常如果你想給不想讓用戶看見又能前后端交互,這個(gè)就很方便了,其實(shí)在實(shí)際操作中< input type ="text"> css樣式設(shè)為display:none,也可以實(shí)現(xiàn)在各種效果,本人目前還不知道他倆有啥區(qū)別
5.< input type ="image" src="圖片路徑" alt="">用于定義圖像形式的提交按鈕
6.< input type ="password">定義密碼字段。
7.< input type ="radio">定義單選按鈕。允許用戶選取給定數(shù)目的選擇中的一個(gè)選項(xiàng),例如,讓用戶選擇性別的時(shí)候用到。
8.< input type ="reset">定義重置按鈕。重置按鈕會(huì)清除表單中的所有數(shù)據(jù)。
9.< input type ="submit">定義提交按鈕。提交按鈕會(huì)把表單數(shù)據(jù)發(fā)送到服務(wù)器。
10.< input type ="text">定義單行的輸入字段,用戶可在其中輸入文本。默認(rèn)寬度為 20 個(gè)字符。
11.< input type ="number"> 定義用戶只能輸入數(shù)字,這個(gè)用在移動(dòng)端當(dāng)用戶觸發(fā)了這個(gè)input之后,彈出的小鍵盤直接數(shù)字,特別方便
12.< input type ="tel"> 定義用于電話號(hào)碼的文本字段
13.< input type ="email"> 定義郵件的文本字段
14.< input type ="range"> 定義帶有 slider 控件的數(shù)字字段
15.< input type ="time"> 定義日期字段的時(shí)、分、秒
16.< input type ="search"> 定義用于搜索的文本字段
17.< input type ="url"> 定義用于 URL 的文本字段
18.< input type ="week"> 定義日期字段的周
19.< input type ="month">定義日期字段的月
20.< input type ="datetime-local">定義日期字段
21.< input type ="datetime">定義日期字段
22.< input type ="date">定義日期字段
23.< input type ="color">定義拾色器
就這么多啦,歡迎大家吐槽。。。。。。。