HTML基础

一.表单和输入

表单是一个包含表单元素的区域。
表单元素是允许用户在表单中（如文本域、下拉列表、单选框、复选框等）输入信息的元素。
表单使用表单标签from定义。

<form>
...
    input元素
...
</form>

1. 输入类型

多数情况下被用到的表单标签是输入标签input。输入类型由类型属性type定义。

- 文本域（Text Fields）

当用户要在表单中填入字母、数字等内容，会用到文本域。

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

显示效果如下

- 单选按钮（Radio Buttons）

当用户从若干给定的选择中选取其一时，就会用到单选框。

<form>
<input type="radio" name="sex" value="male"/>Mail
<br/>
<input type="radip" name="sex" value="female"/>Femail
</form> 

显示如下

- 复选框（checkboxes）

<form>
<input type="checkboxes" name="bike"/>
I have a bike
<br/>
<input type="checkboxes" name="car"/>
I have a car
</form>

显示效果如下：

---

2.表单的动作属性（Action）和确认按钮

当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。

<form name="input" action="html_form_action.asp" method="get">
Username:
<input type="text" name="user"/>
<input type="submit" value="Submit"/>
</form>

浏览器显示如下：

如果在上面的文本框内键入几个字母，然后点击确认按钮，那么输入的数据会传送到”html_form_action.asp“页面。该页面将显示输出的结果。