4、网页结构化分析.ppt

表单代码的组成 一个表单的代码至少应包括三个组成部分： (1) 表单form标记：这里包含了处理表单数据所用动态网页的URL以及数据提交到服务器的方法。 (2)表单元素：包含了文本框、菜单、复选框和单选框等。 (3)提交按钮：将数据传送到服务器上的动态网页。 表单标记form form/form标记用来创建一个表单域，即定义表单的开始和结束位置，这一标记有几方面的作用。第一，限定表单的范围。所有表单对象，都要插入到表单域之中。单击提交按纽时，提交的也是表单范围之内的内容。 第二方面，携带表单的相关信息，例如处理表单的脚本程序的位置（action）、提交表单的方法（method）等。这些信息对于浏览者是不可见的，但对于处理表单确起着决定性的作用 表单代码中常见的错误 没有form标记 一个表单出现多个form标记 多个form标记嵌套 虽然这些错误从表单的外观中看不出，但表单是用来提交数据的，而不是用来装饰网页的，这些错误会使表单无法实现其功能 form标记常见属性method method： get或post get方式提交的表单信息是非安全方式，附加在URL地址后面（例如百度） url?表单元素1的name=表单元素1的value 表单元素2的name=表单元素2的value…… form name=f action=s input type=text name=wd id=kw size=42 maxlength=100 input type=submit value=百度一下 id=sb /form form标记常见属性action action：接一个动态网页名 form name=test method=“post action=4-2_2.asp 设置action属性后会产生两个作用： 1点击该表单的提交按钮将会链接到该网页 2 同时还会将表单中输入的数据发送给该网页进行处理 如果将action属性值设置为空将由当前网页对提交数据进行处理 表单数据提交后 表单将数据提交给动态页后，动态页通过request对象取下数据，就能进行处理了，如把这些数据存入数据库，或按这些数据进行查询等。 % dim userName,PS userName=request.form(userName) PS=request.form(PS) response.write 你输入的用户名是:userName response.writebr你输入的密码是:PS % form标记常见属性 enctype：一般不需要设置，如果表单中有文件上传对象，则设置该属性值为multipart/form-data name和id：在表单的接收页面只接收有name属性的表单元素，赋ID的元素通过表单是接收不到值的 target：接收页是否在新窗口打开，和a标记的该属性类似 表单中的元素 input-表单元素的通用标记 input标记是收集用户输入信息的标记，是一个单标记，其含义由type属性决定。 type属性值 描述 text 文本域 password 密码域 file 文件域 checkbox 复选框 radio 单选框 button 普通按钮 submit 提交按钮 reset 重置按钮 hidden 隐藏域 image 图像域(图像按钮) 文本域 文本域举例： 查询：input type=text name=seach size=20 onfocus=this.value= value=请输入关键字/ input标记中的size属性是定义文本域的宽度 文本域属值 描述 name 或id 文本域的名称或id maxlength 文本域的最大输入字符数 size 文本域的宽度 value 文本域的默认值 单选框 单选框举例： input type=“radio” name=“gender” value=“F” /女性 input type=radio name=gender value=M checked=checked /男性 checked属性设定初始时单选按钮哪项处于选定状态，同一组单选按钮name属性的值必须相同，这样这一组单选框中只有一个能被选中。 复选框 复选框，可以选中多项 input name=“checkbox” type=“checkbox” value=“1” checked=“checked” /看书 input name=“checkbox2” type=“checkbox” value=“2” /上网 input type=checkbox name=checkbox3 value=“3 /听