網頁佈局------for表單

1、基礎語法

<form></form>

（1）表單型別：

• email ：能夠驗證當前輸⼊的郵箱地址是否合法
• url ： 驗證URL
• number ： 只能輸⼊數字，其他輸⼊不了，⽽且⾃帶上下增⼤減⼩箭頭，max屬性可以設定為最⼤
• 值，min可以設定為最⼩值，value為預設值。
• search ： 輸⼊框後⾯會給提供⼀個⼩叉，可以刪除輸⼊的內容，更加⼈性化。
• range ： 可以提供給⼀個範圍，其中可以設定max和min以及value，其中value屬性可以設定為默
• 認值
• color ： 提供了⼀個顏⾊拾取器
• time ： 時分秒
• date ： ⽇期選擇年⽉⽇
• datatime ： 時間和⽇期(⽬前只有Safari⽀持)
• datatime-local ：⽇期時間控制元件
• week ：周控制元件
• month：⽉控制元件

（2）表單屬性：

• placeholder ：提示資訊
• autofocus ：⾃動獲取焦點
• autocomplete=“on” 或者 autocomplete=“off” 使⽤這個屬性需要有兩個前提：表單必須提交過、必須有name屬性。
• required：要求輸⼊框不能為空，必須有值才能夠提交。
• pattern=" " ⾥⾯寫⼊想要的正則模式，例如⼿機號patte="^(+86)?\d{10}$"
• multiple：可以選擇多個⽂件或者多個郵箱
• form=" form表單的ID"

（3）表單事件：

• oninput 每當input⾥的輸⼊框內容發⽣變化都會觸發此事件。
• oninvalid 當驗證不透過時觸發此事件。