form表单知识点总结

【】表单是网页中最常用、最重要的一部分内容。不管是使用搜索引擎,还是使用电子邮箱, 或者留言板、论坛,都离不开表单。

【】创建表单,使用<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用于前台取值。

猜你喜欢

转载自blog.csdn.net/zplike/article/details/80664036