1. 程式人生 > >在htnl中,<input tyle = "text">除了text外還有幾種種新增的表單元素

在htnl中,<input tyle = "text">除了text外還有幾種種新增的表單元素

tab ear 帶時區 ext 內容 body lsp email 正則表達

input標簽新增屬性

<input list=‘list_t‘ type="text" name=‘user‘ placeholder=‘請輸入姓名‘ value="" />

<datalist id=‘list_t‘>
<option>這是值1</option>
<option>這是值1</option>
<option>這是值1</option>
<option>這是值1</option>
</datalist>

<input name="userName" required pattern="\d{3}" type="text"/>

pattern屬性的值一般為正則表達式,當用戶輸入的內容符合一定的格式,那麽才能提交,否則將提示用戶不符合要求,如上所示必須輸入3位數字。

required屬性可以用用在大多數的輸入元素上(除了隱藏元素、圖片元素按鈕上等)。
required屬性表示此輸入框是必填項,當提交的時候,如果此輸入框為空,那麽將提示用戶輸入後提交。

<input type="color"/>

color類型的input元素用來取色,它提供了一個顏色的取色器。

<input type="range"/>

此輸入框是一種只允許輸入某一段範圍內數值的文本框,它同樣也具有四個屬性,分別是:min、max、step和value,默認的取值範圍為0-100。
min:此輸入框的最小值
max:此輸入框的最大值
step:當點擊上下箭頭數值一次跳幾個
value:表示此輸入框的默認值

<input type="number"/>

此輸入框是一種專門用來輸入數字的文本框,並且在提交的時候會驗證內容是否為數字,它具有四個屬性,分別是:min、max、step和value。
min:此輸入框的最小值
max:此輸入框的最大值
step:當點擊上下箭頭數值一次跳幾個
value:表示此輸入框的默認值

屬性值:

描述
button 定義可點擊的按鈕(通常與javascript一起使用來啟動腳本)。
checkbox 定義復選框。
color(HTML5) 定義拾色器。
date(HTML5) 定義date控件(包括年、月、日,不包括時間)。
datetime(HTML5) 定義date和time控件(包括年、月、日、時、分、秒、幾分之一秒,基於UTC時區)。
datetime-local(HTML5) 定義date和time控件(包括年、月、日、時、分、秒、幾分之一秒,不帶時區)。
email(HTML5) 定義用於e-mail地址的字段。
file 定義文件選擇字段和 "瀏覽..." 按鈕,供文件上傳。
image 定義圖像作為提交按鈕。
month(HTML5) 定義month和year控件(不帶時區)。
number(HTML5) 定義用於輸入數字的字段。
password 定義密碼字段(字段中的字符會被遮蔽)。
radio 定義單選按鈕。
range(HTML5) 定義用於精確值不重要的輸入數字的控件(比如 slider 控件)。
reset 定義重置按鈕(重置所有的表單值為默認值)。
search(HTML5) 定義用於輸入搜索字符串的文本字段。
submit 定義提交按鈕。
tel(HTML5) 定義用於輸入電話號碼的字段。
text 默認。定義一個單行的文本字段(默認寬度為 20 個字符)。
time(HTML5) 定義用於輸入時間的控件(不帶時區)。
url(HTML5) 定義用於輸入 URL 的字段。
week(HTML5) 定義 week 和 year 控件(不帶時區)。

時刻鼓勵自己:

埋頭讀書,擡頭做人!

  不登高山不知天之高也,不臨深溪不知地之厚也

  懦弱的人只會裹足不前,莽撞的人只能引為燒身,只有真正勇敢的人才能所向披靡

  我們這個世界,從不會給一個傷心的落伍者頒發獎牌。

  海浪的品格,就是無數次被礁石擊碎又無數閃地撲向礁石、

  鞋底磨穿了,不等於路走到了頭。

  松馳的琴弦,永遠奏不出時代的強音。

  躺在被窩裏的人,並不感到太陽的溫暖。

  不安於現狀,不甘於平庸,就可能在勇於進取的奮鬥中奏響人生壯美的樂間。

  不去耕耘,不去播種,再肥的沃土也長不出莊稼,不去奮鬥,不去創造,再美的青春也結不出碩果。

在htnl中,<input tyle = "text">除了text外還有幾種種新增的表單元素