H5表單其他新增屬性
阿新 • • 發佈:2018-12-22
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--placeholder提示文字,提示佔位--> <!--autofoucs頁面開啟後自動獲取焦點--> <!--autocomplete自動提示功能 on開啟 off關閉, 1.必須提交過才會記錄下下來 2.當前新增的autocomplete元素必須有name屬性--> <form action="" id="myForm"> <input type="text" name="userName" placeholder="請輸入使用者名稱" autofocus autocomplete="off" /><br> <!--required必須輸入沒有輸入就不能提交(阻止當前資料提交)--> <!--pattern正則表示式驗證--> <!--*代表任意個 ?代表0個或1個 +代表一個或多個 --> 手機號:<input type="tel" name="userPhone" required pattern="^(\+86)?1\d{10}$"/><br> <!--file選擇上傳檔案,multiple表示可選擇多個檔案--> 檔案:<input type="file" name="photo" multiple/><br> <!--email有預設驗證, 在email中multiple允許輸入多個郵箱地址,以逗號分隔 multiple可以驗證多個郵箱,以逗號分隔
[email protected],[email protected] --> 郵箱:<input type="email" name="email" multiple/> <input type="submit"/> </form> <!--下面這個表單元素並沒有包含在form中,預設情況下面表單元素的資料不會進行提交--> <!--指定表單id,那麼在將來指定id的表單進行資料提交的時候,也會將當前表單元素的資料一起提交 form="myForm" --> <input type="text" name="address" form="myForm"/> </body> </html>