input標(biāo)簽總結(jié)

Zachary 發(fā)布于2019-08-01 16:22 / 3277人閱讀

摘要：提交時(shí)，的，不會(huì)提交會(huì)繼續(xù)提交。指定為文本框提供建議值的元素，其值為元素的值。其他類型說(shuō)明文本長(zhǎng)度文本框?qū)挾忍崾?/p>

1. input標(biāo)簽所有type 1.1 常用

類型	說(shuō)明
text	文本
password	密碼
radio	單選
checkbox	多選
file	文件選擇器
button	普通按鈕
submit	提交
reset	重置
hidden	傳隱藏值
image	圖片

1.2 日期時(shí)間(html5)

類型	說(shuō)明
date	定義日期字段（帶有 calendar 控件）
datetime	定義日期字段（帶有 calendar 和 time 控件）
datetime-local	定義日期字段（帶有 calendar 和 time 控件）
month	定義日期字段的月（帶有 calendar 控件）
week	定義日期字段的周（帶有 calendar 控件）
time	定義日期字段的時(shí)、分、秒（帶有 time 控件）

1.3 color(html5)

類型	說(shuō)明
color	定義拾色器

1.4 number(html5)

類型	說(shuō)明
number	定義帶有 spinner 控件的數(shù)字字段

1.5 range(html5)

類型	說(shuō)明
range	定義帶有 slider 控件的數(shù)字字段

1.6 search(html5)

類型	說(shuō)明
search	定義用于搜索的文本字段，會(huì)有清空按鈕

1.7 其他

類型	說(shuō)明
email	會(huì)有email格式校驗(yàn)
tel	會(huì)有tel格式校驗(yàn)
url	會(huì)有url格式校驗(yàn)

2. input的pattern和required

類型	說(shuō)明
pattern	正則校驗(yàn)校驗(yàn)
required	不能為空

代碼如下：

3. readonly和disabled

類型	說(shuō)明
readonly	只讀
disabled	禁用

二者的區(qū)別：

樣式上不一樣，disabled會(huì)改樣式。

提交時(shí)，disable的name，value不會(huì)提交；readonly會(huì)繼續(xù)提交。

4. list

指定為文本框提供建議值的datalist元素，其值為datalist元素的id值。代碼如下：

和select的區(qū)別是，select選擇的value是option的value，顯示的文本是option的文本。而datalist一般顯示option的文本，如果option有value，則顯示value。由于datalist只是提供給input建議值，一般不需要value。

5. 其他

類型	說(shuō)明
maxlength	文本長(zhǎng)度
size	文本框?qū)挾?/td>
placeholder	提示

GPU云服務(wù)器云服務(wù)器 input標(biāo)簽 input標(biāo)簽的操作 Inputs input

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/50467.html

相關(guān)文章

自學(xué)前端的小白之初次編寫form表單的經(jīng)驗(yàn)與錯(cuò)誤總結(jié)

摘要：對(duì)我這個(gè)初學(xué)前端的小白來(lái)講，在每次編寫標(biāo)簽的時(shí)候經(jīng)常把屬性省略掉，經(jīng)了解標(biāo)簽屬性和屬性是必須有的。五阻止表單提交以及與互換電話這是當(dāng)表單不符合要求時(shí)，阻止提交表單的代碼，但寫表單的時(shí)候難免會(huì)用到，所以要把替換成電話提交學(xué)了這么久的前端，一直沒有具體總結(jié)自己的經(jīng)驗(yàn)，只有一些記錄在筆記的零星經(jīng)驗(yàn)，今天來(lái)這里說(shuō)說(shuō)我在初次編寫from表單過(guò)程中總結(jié)出的東西：首先我個(gè)人認(rèn)為最難的也是個(gè)人認(rèn)為...

JackJiang 2019-08-22 11:06 評(píng)論0 收藏0
自學(xué)前端的小白之初次編寫form表單的經(jīng)驗(yàn)與錯(cuò)誤總結(jié)

摘要：對(duì)我這個(gè)初學(xué)前端的小白來(lái)講，在每次編寫標(biāo)簽的時(shí)候經(jīng)常把屬性省略掉，經(jīng)了解標(biāo)簽屬性和屬性是必須有的。五阻止表單提交以及與互換電話這是當(dāng)表單不符合要求時(shí)，阻止提交表單的代碼，但寫表單的時(shí)候難免會(huì)用到，所以要把替換成電話提交學(xué)了這么久的前端，一直沒有具體總結(jié)自己的經(jīng)驗(yàn)，只有一些記錄在筆記的零星經(jīng)驗(yàn)，今天來(lái)這里說(shuō)說(shuō)我在初次編寫from表單過(guò)程中總結(jié)出的東西：首先我個(gè)人認(rèn)為最難的也是個(gè)人認(rèn)為...

AaronYuan 2019-08-01 17:36 評(píng)論0 收藏0
自學(xué)前端的小白之初次編寫form表單的經(jīng)驗(yàn)與錯(cuò)誤總結(jié)

摘要：對(duì)我這個(gè)初學(xué)前端的小白來(lái)講，在每次編寫標(biāo)簽的時(shí)候經(jīng)常把屬性省略掉，經(jīng)了解標(biāo)簽屬性和屬性是必須有的。五阻止表單提交以及與互換電話這是當(dāng)表單不符合要求時(shí)，阻止提交表單的代碼，但寫表單的時(shí)候難免會(huì)用到，所以要把替換成電話提交學(xué)了這么久的前端，一直沒有具體總結(jié)自己的經(jīng)驗(yàn)，只有一些記錄在筆記的零星經(jīng)驗(yàn)，今天來(lái)這里說(shuō)說(shuō)我在初次編寫from表單過(guò)程中總結(jié)出的東西：首先我個(gè)人認(rèn)為最難的也是個(gè)人認(rèn)為...

cgh1999520 2019-08-29 13:26 評(píng)論0 收藏0
移動(dòng)端h5開發(fā)總結(jié)不斷更新中....

摘要：一手機(jī)端開發(fā)頁(yè)面必須要加一段代碼注這段代碼的主要意思是讓頁(yè)面寬度等于設(shè)備寬度，縮放比例為，禁止用戶縮放。用于檢測(cè)視口，主要的效果就是取消下面的滾動(dòng)條，讓頁(yè)面適應(yīng)屏幕。一.手機(jī)端開發(fā)頁(yè)面必須要加一段代碼：注：這段代碼的主要意思是：讓頁(yè)面寬度等于設(shè)備寬度，縮放比例為1，禁止用戶縮放。用于檢測(cè)視口，主要的效果就是取消下面的滾動(dòng)條，讓頁(yè)面適應(yīng)屏幕。二.為自己的頁(yè)面設(shè)置最大寬度和最小寬...

kviccn 2019-08-29 12:32 評(píng)論0 收藏0