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用于前台取值。