参考:http://www.521yy.com/tools/html/forms.htm
HTML表单
1.概述
HTML表单用来选择不同种类的用户输入。
表单是一个能够包含表单元素的区域。
表单元素是能够让用户在表单中输入信息的元素(比如文本框,密码框,下拉菜单,单选框,复选框等等)。
表单是用<form>元素定义的。
<form>
<input>
<input>
</form>
Input
最常用的表单标签是<input>标签。Input的类型用type属性指定。最常用的input类型解释如下:
文本框
在表单中,文本框用来让用户输入字母、数字等等,文本框的宽度默认是20个字符。
<form>
First name:
<input type="text" name="firstname">
<br>
Last name:
<input type="text" name="lastname">
</form>
First name:
<input type="text" name="firstname">
<br>
Last name:
<input type="text" name="lastname">
</form>
在浏览器中显示如下:First name:
Last name:
单选按钮
当需要用户从有限个选项中选择一个时,使用单选按钮,各选项中只能选取一个
<form>
<input type="radio" name="sex" value="male">Male
<br>
<input type="radio" name="sex" value="female">Female
</form>
<br>
<input type="radio" name="sex" value="female">Female
</form>
在浏览器中显示如下:
Male
Female
复选框
当需要用户从有限个选项中选择一个或多个时,使用复选框。
<form>
<input type="checkbox" name="bike">
I have a bike
<br>
<input type="checkbox" name="car">
I have a car
</form>
<input type="checkbox" name="bike">
I have a bike
<br>
<input type="checkbox" name="car">
I have a car
</form>
在浏览器中显示如下: