HTML5中的input不是成對標記,它是一個單標記,只有開始標記,沒有結束標記;input標簽用于規定用戶可輸入數據的輸入字段,語法“<input type="類型值" />”,根據不同的type屬性值,輸入字段有多種形態。

本教程操作環境:windows7系統、HTML5版、Dell G3電腦。
在HTML中,標簽由尖括號包圍的關鍵詞,通常是成對出現的比如 <div> 和 </div>,這種的被稱為“雙標記”。開始和結束標簽也被稱為開放標簽和閉合標簽。
也有單獨呈現的標簽,如:<img src="1.jpg" />等,這種的被稱為“單標記”。
那么HTML5中input是不是成對標記?
input不是成對標記,而是一個單標記,只有開始標簽,沒有結束標簽。
語法:
<input type="類型值" />
根據不同的 type 屬性,輸入字段有多種形態。輸入字段可以是文本字段、復選框、密碼字段、單選按鈕、按鈕等等。
| type 屬性的值 | 描述 |
|---|---|
| button | 定義可點擊的按鈕(通常與 JavaScript 一起使用來啟動腳本)。 |
| checkbox | 定義復選框。 |
| color | 定義拾色器。 |
| date | 定義 date 控件(包括年、月、日,不包括時間)。 |
| datetime | 定義 date 和 time 控件(包括年、月、日、時、分、秒、幾分之一秒,基于 UTC 時區)。 |
| datetime-local | 定義 date 和 time 控件(包括年、月、日、時、分、秒、幾分之一秒,不帶時區)。 |
| 定義用于 e-mail 地址的字段。 | |
| file | 定義文件選擇字段和 "瀏覽…" 按鈕,供文件上傳。 |
| hidden | 定義隱藏輸入字段。 |
| image | 定義圖像作為提交按鈕。 |
| month | 定義 month 和 year 控件(不帶時區)。 |
| number | 定義用于輸入數字的字段。 |
| password | 定義密碼字段(字段中的字符會被遮蔽)。 |
|
radio |
定義單選按鈕。 |
| range | 定義用于精確值不重要的輸入數字的控件(比如 slider 控件)。 |
| reset | 定義重置按鈕(重置所有的表單值為默認值)。 |
| search | 定義用于輸入搜索字符串的文本字段。 |
| submit | 定義提交按鈕。 |
| tel | 定義用于輸入電話號碼的字段。 |
| text | 默認。定義一個單行的文本字段(默認寬度為 20 個字符)。 |
| time | 定義用于輸入時間的控件(不帶時區)。 |
| url | 定義用于輸入 URL 的字段。 |
| week | 定義 week 和 year 控件(不帶時區)。 |
示例:
<input type="button" value="點我">

<input type="checkbox" name="vehicle[]" value="Bike"> 我有一輛自行車<br> <input type="checkbox" name="vehicle[]" value="Car"> 我有一輛小轎車<br> <input type="checkbox" name="vehicle[]" value="Boat"> 我有一艘船<br>

選擇你喜歡的顏色: <input type="color" name="favcolor"><br>

生日 (日期和時間): <input type="datetime" name="bdaytime">

站長資訊網