HTML 表單 02

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> 

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章