html表單 輸入型別
阿新 • • 發佈：2020-08-18
1.email
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- type 可為email、url、Number number可設定最大最小值 <input type="number" name="points" min="1" max="10" />--> <form action="demo.asp" method="get"> E-mail:<input type="email" name="user_email" /><br /> <input type="submit" /> </form> </body> </html>
2.number
<input type="number" name="points" min="1" max="10" />
| 屬性 | 值 | 描述 |
|---|---|---|
| max | number | 規定允許的最大值 |
| min | number | 規定允許的最小值 |
| step | number | 規定合法的數字間隔（如果 step="3"，則合法的數是 -3,0,3,6 等） |
| value | number | 規定預設值 |
3.Date Pickers（日期選擇器）
HTML5 擁有多個可供選取日期和時間的新輸入型別：
- date - 選取日、月、年
- month - 選取月、年
- week - 選取周和年
- time - 選取時間（小時和分鐘）
- datetime - 選取時間、日、月、年（UTC 時間）
- datetime-local - 選取時間、日、月、年（本地時間）
input_date:<input type="date" name="user_date" />