【】表单是网页中最常用、最重要的一部分内容。不管是使用搜索引擎,还是使用电子邮箱, 或者留言板、论坛,都离不开表单。
【】创建表单,使用<form></form>标签,该标签具有如下属性:
1、action:用来设置接收和处理浏览器递交的表单内容的服务器程序的URL。当用户提交表单后,由后台的server.jsp程序来处理用户提交的表单。
2、method:定义浏览器将表单中的信息提交给服务器端程序的方式。取值可以为get或post。
3、target:指定服务器返回结果显示的目标窗口或目标帧。
4、title:设置当鼠标在表单上的任一位置停留时,浏览器用黄色小浮标显示的文本。
5、enctype:指定浏览器使用哪种编码方法将表单数据传送给www服务器。
【】一个表单能够向www服务器传递多个信息,每个信息都要有一个名称标识,因此都有 name属性。许多表单元素还有value属性,设置每个表单字段的初始和默认值。
【】<input type=“submit”>:提交按钮,点击该按钮,将表单结果发送到<form>标签中的action所指定的url所指定的服务器程序。Value属性表示按钮字面上显示的值。
【】<input type=“reset”>:重置按钮,点击该按钮,将表单上的所有元素设置为初始值。
【】<input type=“text”>:在表单上创建单行文本输入区域,其有如下属性。
1、size:指定文本区域的宽度,以字符个数为度量单位;
2、value:指定文本区域的初始值;
3、maxlength:指定该文本区域能够输入的最大字符串长度;
4、readonly:指定文本区域为只读,可以得到焦点,但不能改变值;
5、disabled:指定文本区域不能获得焦点,也不能改变值,并且表单提交时,该区域的名称和值也不传递到后台服务器。
【】<input type=“checkbox”>:在表单上添加一个复选框,用于选择一项或多项内容。 其包含属性checked,该属性没有值,表示复选框被选中的状态。Value属性表示被 选中的复选框的值。
【】<input type=“radio”>:在表单上添加一个单选框,一般使用一组单选按钮。将若 干个单选按钮的名称,即name设置为相同,形成一组单选按钮。在一组单选按钮中, 只允许选中一个。
【】<input type=“hidden”>:隐藏的表单字段,一般用于提交预设某些信息,在页面 上不显示。
【】<input type=“password”>:用于在表单上的密码输入区域,在该区域中重入字符, 均以“*”来显示,以使得密码信息不可见。
【】<input type=“button”>:用于在表单上添加普通按钮,通常执行脚本程序。
【】<input type=“file”>:用于向Web服务器上传文件。使用该标签,<form>表单的 enctype属性必须设置为multipart/form-data,且method必须是post。
【】<input type=“image”>:用于在表单上创建一个图像元素,可以替代submit按钮, 点击后,将表单中的信息及该图片单击处的横纵坐标传递给后台服务器,对应的参数名是图像元素名后加上坐标位置,如image.x;image.y。
【】<textarea></textarea>:用来创建一个可以输入多行文本的文本框,有cols属性和 rows属性,设置文本框的行数和列数,以字符为单位。
【】<select></select>用于创建下拉列表或可以多选的列表框,<option></option>用来设置列表中的项目。
<select></select>有如下属性:
1、size:设置在下拉列表中可见的选项数,默认为1;
2、multiple:设置是否可多选,该属性不需要赋值,如果加入该属性,在进行多项选择时,需要按住Ctrl键选择。
<option></option>有如下属性:
1、value:选择该选项后,该值与select的名称组成名值对,传递给服务器。如果没有该属性,则传递<option></option>的文本。
2、selected:指定下拉列表的初始值。
【】<label>:使用该标签,可以在网页中像windows一样,使用快捷键在表单字段元素之间进行切换。该标签有如下属性:
1、for:指定快捷键将作用于的表单字段元素,设置值必须与某个表单字段元素的id值相吻合。
2、accesskey:指定作用于for属性所对应的表单字段元素的快捷键,如果要使用这个快捷键,必须同时按下Alt键和这个快捷键。
【注】<input name=“ ”id=“ ”>标签中 name用于后台取值,id用于前台取值。