首頁 > web前端 > H5教程 > 總結Html5表單(二) input type 各種輸入, 各種使用者選擇,上傳

總結Html5表單(二) input type 各種輸入, 各種使用者選擇,上傳

零下一度
發布: 2017-06-17 14:35:51
原創
2411 人瀏覽過

        無限制輸入

    type    限制輸入type = 如下型別

: 如    限製文字的長度為10位元組

list    可以用的時候再來檢查, list就是當建議值不夠的時候加到幾個.

    

type="text" name="usr" list="listfruit">     

# id="listfruit">         

#

#         ###

#香蕉##         #

蜜瓜

    

#

#

 

要記好幾個東西, 建立一個datalist,裡面有多個option,  datalist的id 指向input的list, 一對多通常是多的那邊其id

password    顯示非明文

##placeholder    佔位符,預設為空白, 也可以輸入提示字提示輸入什麼, 但真正輸入的時候回消失.

number            限制輸入數

range       

color date     IE都不支援, 其實很好的, 就是讓使用者輸入多元化, 能選顏色,日期.

checkbox    多重選擇題,打鉤

##提交回傳一個?music = 1 & sport =2    與後續的程序接軌因此召喚這些id 的文字或音樂

radio        單選題

image        按鈕為圖片的按鈕…

email tel url    這些是要求使用者輸入正確的類別,但瀏覽器支援不是很好. 可能要用正規表示式規格

hidden        隱藏輸入框, 要來搭配name 和value 編寫,  提交後返回name = value

############### ######file         ###上傳######控制項#########################

以上是總結Html5表單(二) input type 各種輸入, 各種使用者選擇,上傳的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板