HTML Forms

The form Element

HTML Forms （表单）是用来收集用户输入信息的（点击或敲入的都算）。<form>定义了一个表单：

<form>
.
form elements
.
</form>

form elements 由不同类型的输入元素组成，这些输入元素包括：

<input>(定义输入控制)
<select>(定义下拉式列表)
<textarea>（定义文本输入区）
<button>（定义一个可点击的按钮）
...

The types of input Element

<input>是表单元素中最重要的输入元素,它有很多类型：

text类型

<input type="text">为文本输入定义了一行输入区域：

<form>
  First name:<br>
  <input type="text" name="firstname"><br>
  Last name:<br>
  <input type="text" name="lastname">
</form>

password类型

<input type="password">为密码输入定义了一行输入区域，跟text相似，只是输入的内容用星号代替：

<form>
  user name:<br>
  <input type="text" name="user name"><br>
  user password:<br>
  <input type="password" name="pwd"
</form>

submit类型

<input type="submit">定义了一个将输入内容提交给表单处理器的按钮，表单处理器由action属性定义：

<form action="action_page.php">
  First name:<br>
  <input type="text" name="firsrname" value="Mickey"><br>
  Last name:<br>
  <input type="text" name="lastname" value="Mouse"><br>
  <input type="submit" value="Submit">
</form>

value属性给了输入框一个预设值，不加的话，默认是“submit”
submit不需要name

radio类型

<input type="radio">定义了一个单选按钮：

<form>
  <input type="radio" name="gender" value="male" checked><br>
  <input type="radio" name="gender" value="female"><br>
  <input type="radio" name="gender" value="other"><br>
  <input type="submit">
</form>

checkbox类型

<input type="checkbox">定义了一个复选框：

<form>
  <input type="checkbox" name="vehicle1" value="Bike">I have a car<br>
  <input type="checkbox" name="vehicle2" value="Car">I have a car<br>
  <input type="checkbox" name="vehicle3" value="Bus">I have a Bus<br>
  <input type="submit">
</form>

others

color
date
datetime
datetime-local
email
month
number
range
Search
tel
time
url
week

The attributes of input

value: 指定了初始值
readonly: 初始值不能修改
size: 指定了输入区域最多能输多少字
maxlength：指定了输入区域最大长度
...