构建表单标签的元素主要有文本框、密码框、复选框、单选按钮、标准按钮、提交按钮、重置按钮、图像框、文字域、隐藏域、下拉菜单和列表等。

表格标签及其功能描述

标签名称	功能描述
<form>	定义供用户输入的HTML表格
<input>	定义输入控件
<textarea>	定义多行文本的输入控件
<button>	定义按钮
<select>	定义选择列表（下拉列表）
<optgroup>	定义选择列表中相关选项的组合
<option>	定义选择列表中的选项
<label>	定义input元素的标注
<fieldset>	定义围绕表单中元素的边框
<legend>	定义fieldset元素的标题

知识点归纳

1.<form>标签成对出现，常用属性：name、method、action；
2.<input>标签为单标签，常用属性：type、name、size、value等；
3.<input>标签的type取值决定了控件的类型，可以取值：botton、checkbox、file、hidden、iamge、password、radio、reset、submit、text。

代码示例

信息录入表单设计

<html>
<head>
	<title>组合表单</title>
</head>
<body>
	<form name="form1" method="post" action="">
	  <table width="300" border="1" align="center">
		<tr>
			<td colspan="2" align="center"><div align="center">信息录入</div></td>
		</tr>
		<tr>
			<td width="100"><div align="right">用户名：</div></td>
			<td width="200"><input type="text" /></td>
		</tr>
		<tr>
			<td width="100"><div align="right">密码：</div></td>
			<td width="200"><input type="password" /></td>
		</tr>
		<tr>
			<td width="100"><div align="right">确认密码：</div></td>
			<td width="200"><input type="password" /></td>
		</tr>
		<tr>
			<td width="100"><div align="right">性别：</div></td>
			<td width="200"><input type="radio" name="radiobox" value="radiobox" checked />男
			<input type="radio" name="radiobox" value="radiobox" />女</td>
		</tr>
		<tr>
			<td width="100"><div align="right">爱好：</div></td>
			<td width="200"><input type="checkbox" name="checkbox" value="checkbox" checked />体育
			<input type="checkbox" name="checkbox" value="checkbox" />音乐
			<input type="checkbox" name="checkbox" value="checkbox" />文学
			<input type="checkbox" name="checkbox" value="checkbox" />其他
			</td>
		</tr>
		<tr>
			<td width="100"><div align="right">特长：</div></td>
			<td width="200">
			<select size="1">
			  <option value="1">音乐</option>
			  <option value="2">跳舞</option>
			  <option value="3">打篮球</option>	
			  <option value="4">踢足球</option>	
			</select>
			</td>
		</tr>
		<tr>
			<td width="100"><div align="right">联系电话：</div></td>
			<td width="200"><input type="text" /></td>
		</tr>
		<tr>
			<td width="100"><div align="right"><input type="submit" value="提交" /></div></td>
			<td width="100"><input type="reset" value="重置" /></td>
		</tr>
	  </table>
	</form>
</body>
</html>

所得效果如下所示:

组合表单

附:<select>标签用法

以下为<select>标签用法示例。

<!DOCTYPE html>
<html>
<head>
    <title>表单</title>
</head>
<body>
    <form>
      <select id="shabi" name="cars" size="3" multiple>
        <option value="1" selected>A</option>
        <option value="2">B</option>
        <option value="3">C</option>
        <option value="4">D</option>
      </select>
      <br />
      <br />
      <select size="1">
        <option value="1" selected />A
        <option value="2" />B
        <option value="3" />C
        <option value="4" />D
      </select>
    </form>

</body>
</html>

在如上代码中，在<select>标签中加入multiple属性使得表单变成列表框，不加则默认为下拉框。size属性表示表单的长度。在<option>标签中加入select属性表示选中该项。
<option>标签可与</option>成对存在，也可以<option />形式单独存在。
代码效果如下所示:

表单

信息录入
用户名：
密码：
确认密码：
性别：	男女
爱好：	体育音乐文学其他
特长：
联系电话：