网页制作基础第2章.ppt

background属性：单元格背景图片 bgcolor属性：单元格背景颜色 rowspan属性：设置单元格所跨的行数 colspan属性：设置单元格所跨的列数 2.7 网页表单 网页表单主要用于收集用户信息，实现浏览者同WWW服务器之间的交互。通过表单，可以将用户的信息发送到WWW服务器上，以供处理。 网页表单中通常包含表单普通内容、表单控件以及表单控件标签等。 表单普通内容主要指表单中的说明文字或图片等。 表单控件主要指表单中接收用户数据的表单元素。 表单控件标签主要指控件的文字标识。 表单和表单控件要设置合理的id属性值和name属性值。 id 属性值用于页面内的访问，页面唯一。 name属性值用于页面内表单专用访问和发送服务器时使用，可重复。 2.7 网页表单 2.7.1 表单 2.7.2 基本表单控件 2.7.3 改善表单 2.7.1 表单 表单元素是容器控件，关于相关信息调查的表单控件都要放到同一个表单元素里。 格式： form /form 属性： action属性：属性值通常为服务器端的某个程序或脚本文件的URL，这个文件接受客户端传来的表单信息，并进行处理。 method属性：指定表单数据发送给服务器端的发送方式。属性值为get（默认值）或post。 get：将表单数据附加到action属性指定URL之后，发送给服务器。 post：将表单数据包含在HTTP反馈主体中，发送给服务器，数据隐蔽，W3C推荐方式。 2.7.2 基本表单控件 表单控件元素是表单元素中用于接收用户信息的对象控件。 1. 单行文本框 2. 密码输入框 3. 单选按钮 4. 复选框 5. 滚动文本框 6. 选择列表 7. 提交按钮 8. 重置按钮 9. 按钮 1. 单行文本框 功能： 用于接收文本或数字信息。 格式： input type=text / 属性： size属性：设置文本框显示的宽度，值为数字。 maxlength属性：设置文本框所接收文本的最大长度，值为数字。 value属性：设置文本框初始值。 2. 密码输入框 功能： 用于接收在输入过程中需要隐藏的数据。 格式： input type=password / 属性： size属性：设置密码框显示的宽度，值为数字。 maxlength属性：设置密码框所接收文本的最大长度，值为数字。 3. 单选按钮 功能： 允许用户从一组事先确定的选项中选择唯一项。 格式： input type=radio / 属性： checked属性：将单选按钮设置为默认选中状态，值为checked。 注意： 同一组单选按钮的name属性必须相同。 4. 复选框 功能： 允许用户从一组事先确定的选项中选择一项或多项。 格式： input type=checkbox / 属性： checked属性：将复选框设置为默认选中状态，值为checked。 5. 滚动文本框 功能： 用于接收输入的多行文本信息。 格式： textarea默认文本/textarea 属性： cols属性：设置滚动文本框宽度，值为数字。 rows属性：设置滚动文本框行数，值为数字。 6. 选择列表 功能： 允许用户从一组事先确定的列表中选择一项或多项。 格式： select option选项一/option option选项二/option option选项三/option /select select元素属性： size属性：设置显示的选项个数，值为数字。 multiple属性：设置为允许多选。值为multiple。 option元素属性： selected属性：将选项设置为默认选中状态。 7. 提交按钮 功能： 单击提交按钮用于提交表单。 格式： input type=submit / 属性： value属性：设置提交按钮上显示的文本。 8. 重置按钮 功能： 单击重置按钮用于将表单各元素重置为初始值。 格式： input type=reset / 属性： value属性：设置重置按钮上显示的文本。 9. 按钮 功能： 单击这种按钮时没有默认动作，通常与客户端脚本一起使用，从而在客户端产生某种操作。 格式： input type=button / 属性： value属性：设置按钮上显示的文本。 2.7.3 改善表单 1. 表单控件标签 2. 表单控件元素分组 3. 图像按钮 4. 按钮元素 1. 表单控件标签 表单控件标签元素用于在文本描述和表单控件元素之间建立关联的容器标记。 格式： label文字/label 属性：