第八章表单.docVIP

第章?form name=… action=.. method=… input …. select…../select … textarea…/textarea /form name：给定表单名称，表单命名之后就可以用脚本语言(如JavaScript或VBScript)对它进行控制。 action：指定处理表单信息的服务器端应用程序。 method：用于指定表单向服务器提交数据的方法，method的值可以为get或是post，默认方式是get。 get方法，使用get方法提交数据，浏览器将把表单中的各个值添加到action指定的URL后(这两者之间用问号进行分隔)并向服务器发送get请求，每个值之间用符号“”链接。 post方法，如果采用post方法，浏览器将首先与action属性中指定的表单处理程序建立联系，一旦建立连接之后，浏览器就会按分段传输的方法将数据发送给服务器。 get将表单中的数据按照“变量=值”的形式，添加到action所指向的URL后面，并且两者使用“?”连接，而各个变量之间使用“”连接；post是将表单中的数据放在表单的数据体中，按照变量和值相对应的方式，传递到action所指向的URL。 get是不安全的，post的所有操作对用户来说都是不可见的。 post可以传输大量的数据，所以在上传文件时只能使用post。 get是表单的默认方法。 2 输入 input是个单标记，它必须嵌套在表单标记中使用，用于定义一个用户的输入项。 格式： form input name= type= /form input标记主要有六个属性，type，name，size，value，maxlength，check。其中name和type是必选的两个属性。 name属性的值是相应程序中的变量名。 在不同的输入方式下，input标记的格式略有不同，其它五种属性因type类型的不同，其含义也不同。 type主要有九种类型：text，submit，reset，password，checkbox，radio，image，hidden，file。 2.1 单行文本输入框text 当type=text时，表示该输入项的输入信息是字符串。此时，浏览器会在相应的位置显示一个文本框供用户输入信息。 格式： form input name=text type=text maxlength= size= value= /form text文本框是一个只能输入一行文字的输入框。input标记除了两个必选的属性name和type外，还有3个可选的属性：maxlength，size和value。 maxlength：设置单行输入框可以输入的最大字符数，例如限制邮政编码为6个数字、密码最多为10个字符等等； size：设置单行输入框可显示的最大字符数，这个值总是小于等于maxlength属性的值，当输入的字符数超过文本框的长度时，用户可以通过移动光标来查看超过超出的内容； value：文本框的值，可以通过设置value属性的值来指定当表单首次被载入时显示在输入框中的值。 如果需要创建一个随着表单提交一同传递的元素，希望用户看到，却又不允许编辑，可以添加readonly属性。 实例1.html： html head title输入用户姓名/title /head body form action=login method=get 请输入你的姓名：input type=text name=yourname /form /body /html 网页效果如图8-1所示。 图8-1表单中的单行文本框 2.2 提交按钮submit和重置按钮reset 当type=submit时，显示一个提交按钮，当用户单击该按钮时，浏览器就会将表单的输入信息传送给服务器。 当type=reset时，显示一个重置按钮，当用户单击该按钮时，浏览器就会清除表单中所有的输入信息而恢复到初始状态。一般情况下，提交与重置按钮经常同时出现。 格式： form input name=subbtn type=submit value=提交 input name=resbtn type=reset value=重置 /form 提交按钮的name属性是可以默认的。除name属性外，它还有一个可选的属性value，用于指定显示在提交按钮上的文字，value属性的默认值是“提交”。在一个表单中必须有提交按钮，否则将无法向服务器传送信息。 重置按钮的name属性也是可以默认的。value属性与submit类似，用于指定显示在清除按钮上的文字，value的默认值为“重置”。 实例2.html： html head title注