<!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>
![【每日一練】59—寫一個中秋月餅的響應式卡片[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)