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>