【HTML學習】——表單！你得了解一下

HTML表單

---

【1】表單

• 表單是一個包含表單元素的區域
• 表單元素：允許用戶在表單中輸入信息（用戶輸入信息）
• 表單標籤：<form>

<! 表單>
<form>
……
input 元素
……
</form>

---

【2】表單輸入

• 表單輸入標籤：<input>
• 表單輸入類型由屬性type定義

【2.1】文本域（Text Fields）

當用戶輸入需要輸入字母、數字……等文本域時type=“text”

<!表單—文本域>
<form>
  First Name:<input type='text' name='firstname' />
  <br />
  Last Name:<input type='text' name="lastname" />
</form>

表單本身並不可見，同時大多數瀏覽器中文本域的缺省寬度是20字符

---

【2.2】單選按鈕（Radion Buttons）

當用戶需要從若干的給定的選項中選取其一時，就會用到單選框

<!表單—單選按鈕>
<form>
  <input type='radio' name='sex' value='male' />male
  <br />
  <input type='radio' name='sex' value='female' />female
</form>

---

【2.3】多選框（Checkboxes）

<!表單—多選>
<form>
  <input type='checkbox' name='bike'  />I have a bike
  <br />
  <input type='checkbox' name='sex'  />I have a car
</form>

---

【3】表單的動作屬性和確認按鈕

• 確認按鈕利用屬性type=“submit”

<!表單—確認按鈕>
<form name="input" action="" method="get">
  Username:
  <input type="text" name="user" />
  <input type='submit' value='Submit' />
</form>