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