网页设计18-表单.ppt

内部培训资料,不作任何宣传用途 P o w e r B a r 中国专业PPT设计交流论坛 授课人：何蕴婷 EMAIL：jmhyt@126.com 内部培训资料,不作任何宣传用途 内部培训资料,不作任何宣传用途 网页设计与制作（23） 表单 课堂实践 通过实例了解利用CSS实现对表单的效果控制 表单实例1： 课堂实践 1.搭建页面框架 form method=post p请输入您的姓名:brinput type=text name=name id=name/p p请选择你最喜欢的颜色:br select name=color id=color option value=red红/option option value=green绿/option option value=blue蓝/option option value=yellow黄/option option value=cyan青/option option value=purple紫/option /select/p p请问你的性别:br input type=radio name=sex id=male value=male男br input type=radio name=sex id=female value=female女/p p你喜欢做些什么:br input type=checkbox name=hobby id=book value=book看书 input type=checkbox name=hobby id=net value=net上网 input type=checkbox name=hobby id=sleep value=sleep睡觉/p p我要留言:brtextarea name=comments id=comments cols=30 rows=4/textarea/p pinput type=submit name=btnSubmit id=btnSubmit value=Submit/p /form 文本输入框 列表框 单选按钮 复选按钮 多行文本框 按钮 课堂实践 1.搭建页面框架 文本输入框 列表框 单选按钮 复选按钮 多行文本框 按钮 建立表单 在Dreamweaver中，表单是用来输入数据或与网站进行交互的工具。可以将整个网页创建成一个表单网页，也可以在网页的部分区域中添加表单，其创建方法都相同。 添加表单对象 认识表单对象 文本字段 隐藏域 文本区域 复选框 单选按钮 单选按钮组 列表/菜单 跳转菜单 图像域 插入表单对象 插入文本字段 插入隐藏域 文件域 按钮 标签 字段集 插入文本区域 插入复选框 插入单选按钮 插入单选按钮组 插入列表/菜单 插入图像域 插入文件域 插入按钮 文本字段 文本字段是最常见的表单对象之一，可以输入字母、数字、文本等类型的内容。文本可以是单行或多行显示，也可以以密码的方式显示，在这种情况下，输入文本将被替换为星号或项目符号，以避免旁观者看到这些文本，一般用作密码等项目。 隐藏域 隐藏域用于存储用户输入的信息，但它并不会在网页上显示出来，只是为了向服务器提供一些数据。如输入一项电子邮件地址后，服务器就记住了该数据，下次访问时就不用再输入。 文本区域 文本区域用来输入大段文本，与文本字段使用方式相同，也可以以密码的方式显示。 复选框 复选框的标记是在选项前有符号 ，其允许同时选择多个选项。 单选按钮 在一组选项中只能选择一个选项，如在性别单选按钮组中选中了“男”单选按钮，再选中“女”单选按钮时， “男”单选按钮就会被撤消。 单选按钮组 一组相关联的单选按钮，同样一次只能选择一个单选按钮。 列表/菜单 “列表”指在一个下拉列表框中显示一些选项，可以从其中选择多个。“菜单”指在一个菜单中显示一些选项值，用户只能从中选择单个选项。 跳转菜单 可跳转的列表或弹出菜单，可以用它插入一种菜单，这种菜单中的每个选项都可以链接到某个文档或文件。 图像域 可以在表单中插入一个图像。图像域可用于制作图形化按钮，使按钮更美观、更独特。 文件域 使用户可以浏览到本地电脑上的某个文件，并将该文件作为表单数据上传。 按钮 在单击时执行操作。通常这些操作包括提交或重置表单并可以为按钮添加