Html5 填表 表单(二) input type 各种输入, 各种用户选择,上传等等泛输入用户交互
<input>????????無限制輸入
????type????限制輸入 type = 如下類型
????type 后還可以跟一些屬性: 如<input type=text maxlength = 10>????限制文本的長度為10字節(jié)
list????可以用的時候再來查, list就是當(dāng)一個建議值不夠的時候添加到幾個.
<form>
????<input type="text" name="usr" list="listfruit">
????<datalist id="listfruit">
????????<option>雪梨</option>
????????<option>香蕉</option>
????????<option>蜜瓜</option>
????</datalist>
</form>
?
要記好幾個東西 , 創(chuàng)建一個datalist,里面有多個option, datalist的id 指向input的list, 一對多通常是多的那邊其id
password????顯示非明文
placeholder????占位符,默認(rèn)為空, 也可以輸入提示語提示輸入什么, 但真正輸入的時候回消失.
number????????????限制輸入數(shù)字
range????????????限制輸入定義域數(shù)字
color date ????IE都不支持, 其實很好的, 就是讓用戶輸入多元化, 能選顏色,日期.
checkbox????多選題,打鉤
提交返回一個?music = 1 & sport =2????和后續(xù)的程序接軌從而調(diào)用這些id 的文本或者音樂
radio????????單選題
image????????按鈕為圖片的按鈕……
email tel url????這些是要求用戶輸入正確的類別,但瀏覽器支持不是很好. 可能要用正則表達式規(guī)范
hidden????????隱藏輸入框, 要配合name 和value 編寫, 提交后返回 name = value
?
file ????????上傳控件
總結(jié)
以上是生活随笔為你收集整理的Html5 填表 表单(二) input type 各种输入, 各种用户选择,上传等等泛输入用户交互的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： gulp webpack整合
- 下一篇： iframe的缺点