【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>