HTML5的表單中關於所有type類型的詳細介紹-H5教程-PHP中文網

HTML5的表單中關於所有type類型的詳細介紹

黄舟

發布： 2017-05-21 14:57:45

原創

2596 人瀏覽過

1.button：定義可點擊的按鈕（通常與 JavaScript 一起使用來啟動腳本）。

<input id="" type="button" name="" value="按钮" /><br />
<br />

登入後複製

2.checkbox：定義複選框。

<input id="" type="checkbox" name="" />男<br />
<input id="" type="checkbox" name="" checked="checked" />女<br />
<br />

登入後複製

3.cancel：取消按鈕，用於取消submit的提交。

<input id="" type="cancel" name="" /><br />
<br />

登入後複製

4.color：定義拾色器。

<input id="" type="color" name="" /><br />
<br />

登入後複製

5.date：定義date 控制項（包括年、月、日，不包含時間）。

<input id="" type="date" name="" /><br />
<br />

登入後複製

6.datetime：定義date 和time 控制項（包括年、月、日、時、分、秒、幾分之一秒，基於UTC 時區）。

<
for
m 
action
="">生日 (日期和时间):<input id="" type="datetime" name="" /> <input id="" type="submit" name="" value="提交" /></form>
<p><br />
<br />

登入後複製

7.datetime-local：定義date 和time 控制項（包括年、月、日、時、分、秒、幾分之一秒，不帶時區）。

<input id="" type="datetime-local" name="" /><br />
<br />

登入後複製

8.month：定義 month 和 year 控制項（不含時區）。

<input id="" type="month" name="" /><br />
<br />

登入後複製

9.week：定義 week 和 year 控制項（不含時區）。

<input id="" type="week" name="" /><br />
<br />

登入後複製

10.time：定義用於輸入時間的控制項（不含時區）。

<input id="" type="time" name="" /><br />
<br />

登入後複製

11.email：定義用於 e-mail 位址的欄位。

<form action=""></form>
<p>E-mail:<input id="" type="email" name="" /><br />
<br />

登入後複製

#12.file：定義檔案選擇欄位與「瀏覽..." 按鈕，供檔案上傳。

<input id="" type="file" name="" /><br />
<br />

登入後複製

13.hidden：定義隱藏輸入欄位。

<input id="" type="hidden" name="" /><br />
<br />

登入後複製

14.image：定義圖片作為提交按鈕。

<input id="" type="image" name="" /><br />
<br />

登入後複製

15.number：定義用於輸入數字的欄位。

<input id="" type="number" name="" /><br />
<br />

登入後複製

16.password：定義密碼欄位（欄位中的字元會被遮蔽）。

<input id="" type="password" name="" /><br />
<br />

登入後複製

17.radio：定義單選按鈕。

<input id="" type="radio" name="" />男<br />
<input id="" type="radio" name="" checked="checked" />女<br />
<br />

登入後複製

18.range：定義用於精確值不重要的輸入數字的控制項（例如 slider 控制項）。

<input id="" type="range" name="" /><br />
<br />

登入後複製

19.reset：定義重設按鈕（重設所有的表單值為預設值）。

<input id="" type="reset" name="" /><br />
<br />

登入後複製

20.search：定義用於輸入搜尋字串的文字欄位。

<input id="" type="search" name="" /><br />
<br />

登入後複製

21.submit：定義提交按鈕。

<input id="" type="submit" name="" value="提交" /><br />
<br />

登入後複製

22.tel：定義用於輸入電話號碼的欄位。

輸入電話：

<input id="" type="tel" name="" /><br />
<br />

登入後複製

23.text：預設。定義一個單行的文字欄位（預設寬度為 20 個字元）。

<input id="" type="text" name="" /><br />
<br />

登入後複製

24.url：定義用於輸入 URL 的欄位。

新增你的首頁網址：

<input id="" type="url" name="" /></p>

登入後複製

以上是HTML5的表單中關於所有type類型的詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！