jQuery开发基础第6章使用jQuery操作表单和表格.pptVIP

jQuery开发根底第6章使用jQuery操作表单和表格;;6.1 HTML表单概述;表单标记form ; 2 表单名称name属性 名称属性name用于给表单命名。这一属性不是表单的必需属性，但是为了防止表单信息在提交到后台处理程序时出现混乱，一般要设置一个与表单功能符合的名称。例如登录的表单可以命名为 loginForm。不同的表单尽量用不同的名称，以防止混乱。具体语法如下： form name=〞form_name〞……/form form_name：表单名称。 3 提交方式method属性 表单的method属性用来定义处理程序从表单中获得信息的方式，可取值为get或post，它决定了表单中已收集的数据是用什么方式提交到效劳器的。具体语法如下： form method=〞method〞……/form method：提交方式，它的值可以为get或post。 说明：Method=get：使用这种方式提交表单时，输入的数据会附加在URL之后，由客户端直接发送至效劳器，所以速度上会比post快。缺点是数据长度不能够太长，在没有指定method的情形下，一般都会视get为默认值。 Method=post：使用这种设置时，表单数据是与URL分开发送的，用户端的计算时机通知效劳器来读取数据，所以通常没有数据长度上的限制，缺点是速度上会比get慢。 ; 4 编码方式enctype属性 表单中的enctype参数用于设置表单信息提交的编码方式。具体语法如下： form enctype=〞value〞……/form value：取值如表6-1所示。; 5 目标显示方式target属性 target属性用来指定目标窗口的翻开方式。表单的目标窗口往往来显示表单的返回信息，例如 是否成功提交了表单的内容、是否出错等。具体语法如下： form target=〞target_win〞……/form target_win：取值如表6-2所示。; 输入标记input是表单中最常用的标记之一。常用的文本域、按钮等都使用这个标记。具体语法如下： form input name=〞field_name〞 type=〞type_name〞 /form field_name：控件名称。 type_name：控件类型，所包含的控件类型如表6-3所示。; 1．文本框text text属性值用来设定在表单的文本域中，输入任何类型的文本、数字或字母。输入的内容以单行显示。具体语法如下： input type=〞text〞 name=〞field_name〞 maxlength=max_value size=size_value value=〞field_value〞 文字域属性的含义如表6-4所示。;【例6-1】在页面中使用文本框，做一个人口调查的页面。代码如下所示，运行效果如图6-2所示。form h3 align=center人口调查/h3 !-- 设置表示姓名的文本域 -- 姓名：input type=〞text〞 name=〞username〞 size=20 br / !-- 设置表示姓名的文本域长度为4最大输入字符数为1 -- 性别：input type=〞text〞 name=〞sex〞 size=4 maxlength=1 nbsp;nbsp; !-- 设置表示年龄的文本域长度为4最大输入字符数为3 -- 年龄：input type=〞text〞 name=〞age〞 size=4 maxlength=3 br / !-- 设置表示地址的文本域长度为50，文本域中默认值为吉林省长春市-- 居住地址：input type=〞text〞 name=〞address〞 size=50 value=吉林省长春市 /form; 2．密码域password 在表单中还有一种文本域的形式为密码域，输入到文本域中的文字均以星号“*〞或圆点显示。具体语法如下： input type=〞password〞 name=〞field_name〞 maxlength=max_value size=size_value 密码域属性的含义如表6-5所示。; 【例6-2】 在网络中常常有需要修改密码的时候，现在使用密码域，创立一个修改密码的