
模块二网页排版技术 单元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.表单输入标记符