HTML 輸入類型
- 輸入類型:text
<input type="text">
定義供文本輸入的單行輸入字段:
- 輸入類型:password `
<input type="password">
定義密碼字段:
- 輸入類型:submit
<input type="submit">
定義提交表單數據至表單處理程序的按鈕。
- Input Type: radio
<input type="radio">
定義單選按鈕。
- Input Type: checkbox
<input type="checkbox">
定義複選框。
複選框允許用戶在有限數量的選項中選擇零個或多個選項。
實例
<form> <input type="checkbox" name="vehicle" value="Bike">I have a bike <br> <input type="checkbox" name="vehicle" value="Car">I have a car </form>
- Input Type: button
<input type="button> 定義按鈕。
- HTML5 輸入類型
HTML5 增加了多個新的輸入類型: color date datetime datetime-local email month number range search tel time url week
HTML Input 屬性
- readonly 屬性
readonly 屬性規定輸入字段爲只讀(不能修改):
<input type="text" name="firstname" value="John" readonly>
- value 屬性
value 屬性規定輸入字段的初始值:
- disabled 屬性
disabled 屬性規定輸入字段是禁用的。
被禁用的元素是不可用和不可點擊的。
被禁用的元素不會被提交。
<input type="text" name="firstname" value="John" disabled>
disabled 屬性不需要值。它等同於 disabled=“disabled”。
- size 屬性
size 屬性規定輸入字段的尺寸(以字符數計)
- maxlength 屬性
maxlength 屬性規定輸入字段允許的最大長度:
用 組合表單數據
<fieldset>
元素組合表單中的相關數據
<legend>
元素爲 <fieldset>
元素定義標題。
實例
<form action="action_page.php">
<fieldset>
<legend>Personal information:</legend>
First name:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Last name:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit"></fieldset>
</form>