网页制作中，一般是将表单设计在一个HTML文档中，当用户填写完信息后进行提交（submit）操作，表单的内容就从客户端的浏览器传送到服务器，经过服务器上的Servlet、JSP、ASP或CGI等程序处理，再将用户所需信息传送回客户端的浏览器上，这样网页就具有了交互性。设计表单是比较复杂的，通过表单和服务器端交互是网页设计中最重要的工作之一，下面我们就开始给大家讲解如何设计一个表单。
表单是HTML页面和服务器端程序交互的核心，表单相关的常用标记如下：
<FORM></FORM>
<INPUT>
<SELECT></SELECT>
<TEXTAREA></TEXTAREA>
通过这些标记，可以实现包含各种界面元素的用户交互界面，用于用户输入信息，提交给后台处理。本节主要讲解Form的各种标记，重点掌握它们的用途、各种属性（特别是name属性、value属性、type属性）及属性的作用。
1、<FORM></FORM>标记对
Form是表单开始的标记，并且Form标记是有属性的。Form标记如何使用？
<FORM></FORM>标记的特点和作用
作用：定义表单的开始和结束位置，属于表单的其它标记都应该放在这对标记之间。是双标记
由这些标记的适当组合来创建一个表单，用户通过Form及其子标记输入信息并提交给服务器端程序处理，在Form标记中可以指定服务器端的处理程序。
<FORM>标记的属性
<FORM>标记有ACTION、METHOD和NAME属性。
例： <form method="post" action=“post.asp" name="mem" >……</form>
2、<INPUT>标记
输入标记<input>是表单中最常用的标记之一。网页中常用的文本域、按钮等都使用这个标记。
<INPUT>标记的属性
<INPUT>标记是有属性的，<INPUT>标记有name和type两个属性，具体语法如下：<INPUT name=”参数值” type=”参数值”>
例：<input type="text" name="yonghu" size="20" value="" />
<input type=“password" name=“mima" size="20" value="" />
<input type="submit" value="提交" />
<input type="radio" name="xingbie" value="男"/>
<input type=“checkbox” name=“ddd” checked/>
3、<SELECT></SELECT>标记对
<SELECT></SELECT>标记对用来创建一个下拉列表框或可以复选的列表框。用户可以在<SELECT>中选择一个或多个输入项目，提交给服务器端程序处理。
<SELECT></SELECT>标记对总是成对使用，放在<FORM></FORM>标记对之间。<SELECT>标记有NAME属性。
例 <select name="huxing">
<option value="">请选房屋户型</option>
<option value=“1"> >一室单间</option>
<option value=“2"> >一室一厅</option>
<option value=“3"> >两室一厅</option>
</select>
4、<OPTION>标记
<form name="form1" action="http://sendong.com/myweb/vote" method="post">
<p>请选择最喜欢的意甲球队：</p>
<select name="qd" size="1">
<option value="ywts">尤文图斯
<option value="ml" selected>AC米兰
<option value="gjml">国际米兰
<option value="wdns">乌迪内斯
</select>
</form>
<form name="form2" action="http://sendong.com/myweb/vote" method="post">
<p>请选择最喜欢的意甲球队：</p>
<select name="qd" size="4" multiple>
<option value="ywts">尤文图斯
<option value="ml" selected>AC米兰
<option value="gjml">国际米兰
<option value="wdns">乌迪内斯
</select>
</form>
5、<TEXTAREA></TEXTAREA>标记对
<TEXTAREA></TEXTAREA>用来创建一个可以输入多行文字的文本框，此标记对用于<FORM></FORM>标记对之间。<TEXTAREA>有NAME、COLS和ROWS属性。COLS和ROWS属性分别用来设置文本框的列数和行数，这里列与行是以字符数为单位的。如果客户端要提交大量的文本信息给服务器端，使用TEXTAREA是一个选择。关于使用TEXTAREA的例子如表2-6所示。
<form action="http://sendong.com/myweb/vote" method="post">
<p>您的建议是我们前进的动力：</p>
<textarea name="jy" cols="20" rows="5">
请输入您的建议
</textarea>
</form>
