模块二网页排版技术 单元7：表单技术的应用 一、简单表单应用网页效果预览 手机使用调查表 个人利 姓名： Ki1:过En线tha1安EweE 年前：0米岁⊙09O09O0行○四岁上 下机方的问是 您量经使用过率边厂家的手机了☑话适里口摩托罗拉口发利信口三星 2他用手时是笔能用爬风是？ 烤蹄太忙 中压电信 你使用形个同？（可复选） 中唐 提交☒重新人 图2-7-1表单网页效果图 打开示例页 二、实例制作步骤： 1首先打开DW的表单工具栏
模块二 网页排版技术 单元 7：表单技术的应用 一、简单表单应用网页效果预览 图 2-7-1 表单网页效果图 打开示例网页 二、实例制作步骤： 1.首先打开 DW 的表单工具栏
入 表单 国表单 由 O 文本字投 隐球城 文本区城 扇 复达短 a 固 复达任组 回 单运技钮 国 单选技纽组 0 选舞（列表/累单） d 跳转葉单 2设计姓名单行文本框，点击插入文本字段按钮，弹出对话框。 罐入标还辅助能黑性 0 定 标鉴 和有 环助 。使用6置生附加标鉴标妇 种式：⊙用标鉴标记环统 0无有标记 位量。在表单项输 ⊙在表单项后 访问健 Tab健来 知果在描入对来时不想增入此信夏，透更改道 助功教道光我， 点击“确定”按钮又弹出对话框，选择“是
2.设计姓名单行文本框。点击插入文本字段按钮，弹出对话框。 点击“确定”按钮又弹出对话框，选择“是
Dreameaver A 是否添如表燥行签？ 口不两里示此信息 ■是)☐ 否M 迭择表单在属性面板设置参数 韦单D 均作 口日林D 为法 编因快型 选择表单元素文本框在属性面板中设置参数 文本帽 李视理的的 ■条幸污物■机始道) ■满Q) 通具法四 3.设计电子邮件地址单行文本框。 方法类似，属性如下图 义客帽 字据的可■ 定型s单销季酒) 3 静修府种■机物山问 a时月 a只t1面 注意事项：
选择表单在属性面板设置参数 选择表单元素文本框在属性面板中设置参数 3.设计电子邮件地址单行文本框。 方法类似，属性如下图 注意事项：
标签标记环绕主要用于复选框，单选按钮等为了通过点击按钮 文字也可以方便选择远项。 表单元素必须漆加表单标签，否则表单元素的内容就不能够提 交，后台接收数据。 表单和表单元素必须起一个容易记忆有一定含义的名字，方便 后台编写代码调用。 文本框的最多字符数指的是最多允许输入多少字符，超过规定 会提示错误。 文本框的字符宽指的是文本框在页面中显示的宽度。 密码框中的输入内容在页而显示中以◆***显示。 3设计单选按钮的参数。 编入标签比功的星性 确定 0 标石未20岁 数消 。便用1c需性附如柳苦韩记 样式○用标若标记环绝 。无标鉴行记 位营。在表单项首 。在表单项后 访问量Tab继引： 如果在酒入对米时不悲神入女信意，遗更或延 的功题道选艺我
标签标记环绕主要用于复选框，单选按钮等为了通过点击按钮 文字也可以方便选择选项。 表单元素必须添加表单标签，否则表单元素的内容就不能够提 交，后台接收数据。 表单和表单元素必须起一个容易记忆有一定含义的名字，方便 后台编写代码调用。 文本框的最多字符数指的是最多允许输入多少字符，超过规定 会提示错误。 文本框的字符宽指的是文本框在页面中显示的宽度。 密码框中的输入内容在页面显示中以******显示。 3.设计单选按钮的参数
其余选定值依此类推Age2,Age3… 4设计复选按钮。 设计复选按钮的方法和设计单选按钮的方法类似，属性面板的 参数为： ”强性 单选反用 选定值e1 初始状多O已女达 serhge ⊙未选中 复透框的名称都相同，选定值不同， 5.设计下拉列表/菜单 ☑ [速用名称 速定值话益型 初状老⊙已勾选 ○术选中 选中表单元素在属性而板中设置参数：
其余选定值依此类推 Age2，Age3…… 4.设计复选按钮。 设计复选按钮的方法和设计单选按钮的方法类似，属性面板的 参数为： 复选框的名称都相同，选定值不同。 5.设计下拉列表/菜单 选中表单元素在属性面板中设置参数：
垢入标要填助功能里性 0 确定 标鉴你快用那个闪？（可夏达） 取消 O使用1心页性谢如听签标记 样式。用标鉴标记环快 复无标茎帮记 位盟9在表单项精 。在表单项后 访树量 Tb量麦列： 如果在通入对象时不明维入女信京，更成罐 的功的道进空数： 单击“列表值按钮弹出对话框如图： 进开 气型0某单 基累如A 表黄无 Ugerlabar 。列集 适生圆了托许条透加 初站定一。 点击加号可以添加项目标签，值是为了后台调用方便而起的一 个字符串。点击减号可以删除项目，点击上下箭头可以进行重新排序。 注意事项： 初始化设定是在页面中不用下拉能够显示的出米的内容。 列表和菜单的区别就是列表可以允许多选而菜单只能单选
单击“列表值”按钮弹出对话框如图： 点击加号可以添加项目标签，值是为了后台调用方便而起的一 个字符串。点击减号可以删除项目，点击上下箭头可以进行重新排序。 注意事项： 初始化设定是在页面中不用下拉能够显示的出来的内容。 列表和菜单的区别就是列表可以允许多选而菜单只能单选
6按钮的设计 按钮元素的设计和其他表单元素的设计类似，提交按钮属性参 数如图： 回列表值 +可 确定 项阳标整 值 消 中田 中电信 中国铁通 中网阿通 址它 事功00 重设按钮类似，只是按钮名称和值改一下，动作选择“重设表 单”。 三、本例表单的html语法结构分析 切换到代码视图模式。观察页面中的超级链接语法格式。 1.单行文本框的Html代码 姓 , :名： E-Mail: 2.多行文本框的Html代码
6.按钮的设计 按钮元素的设计和其他表单元素的设计类似，提交按钮属性参 数如图： 重设按钮类似，只是按钮名称和值改一下，动作选择“重设表 单”。 三、本例表单的 html 语法结构分析 切换到代码视图模式。观察页面中的超级链接语法格式。 1.单行文本框的 Html 代码 姓 名： E-Mail： 2.多行文本框的 Html 代码
您使用手机时最常碰到哪些问题？ 线路太忙 TEXTAREA> 3.单选按钮的Hml代码 年 : :龄：断 20 岁 20-29 30-39 40-49 50 上 4.复选框的Html代码 您曾经使用过哪些厂家的手机？ 诺基亚 摩托罗拉 爱利信 三 星
您使用手机时最常碰到哪些问题？ 线路太忙 3.单选按钮的 Html 代码 年 龄： 未满 20 岁 20~29 30~39 40~49 50 岁以 上 4.复选框的 Html 代码 您曾经使用过哪些厂家的手机？ 诺基亚 摩托罗拉 爱利信 三 星
5.下拉列表/菜单的Html代码 你使用哪个网？（可复选） 中国电信 中国联通 中国铁通 中国网通 其他 6.按钮元素的Html代码 1框架的属性： 框架显示的文件路径： 框架窗口的名称：,框架名必须以字母开 头，框架名区分大小写，不能使用空格、句点和连接符。 是否显示框架： 是否显示滚动条：。此处的数值有yesno 和auto三种。 能否自行调整框架窗口的大小：
5.下拉列表/菜单的 Html 代码 你使用哪个网？（可复选） 中国电信 中国联通 中国铁通 中国网通 其他 6.按钮元素的 Html 代码 1.框架的属性： 框架显示的文件路径： 框架窗口的名称：，框架名必须以字母开 头，框架名区分大小写，不能使用空格、句点和连接符。 是否显示框架： 是否显示滚动条：。此处的数值有 yes,no 和 auto 三种。 能否自行调整框架窗口的大小：
框架中内容与框架边缘的左右距离： 2.框架集的属性 宽度属性： 颜色属性： 隐藏属性：此处0表示不显示边 框，1表示显示边框，该属性也可用在里。 四、建立表格的html语法总结 1,表单标记符 HTML中表单标记符为FORM,其主要作用是设定表单的起止位 置，并指定处理表单数据程序的URL地址。其基本语法结构如下： FORM action="URL"method="GET"/"POST 其中Action用于设定处理表单数据程序URL的地址。 method指定数据传送到服务器的方式。有两种主要的方式，当 method-GET时，将输入数据加在ction指定的地址后面传送到服务 器：当mhod="POST"时则将输入数据按照HTTP输送协议中的POST 传输方式传送到服务器。 2表单输入标记符
框架中内容与框架边缘的左右距离： 2.框架集的属性 宽度属性: 颜色属性: 隐藏属性： 此处 0 表示不显示边 框，1 表示显示边框，该属性也可用在里。 四、建立表格的 html 语法总结 1.表单标记符 HTML 中表单标记符为 FORM，其主要作用是设定表单的起止位 置，并指定处理表单数据程序的 URL 地址。其基本语法结构如下： 其中 Action 用于设定处理表单数据程序 URL 的地址。 method 指定数据传送到服务器的方式。有两种主要的方式，当 method="GET"时，将输入数据加在 action 指定的地址后面传送到服务 器；当 method="POST"时则将输入数据按照 HTTP 输送协议中的 POST 传输方式传送到服务器。 2.表单输入标记符