办公自动化 Word 01 - 复旦大学精品课程.pptVIP

计算机网络与网页制作Chapter 16：构建网页表单 复旦大学计算机学院 肖川 cxiao@fudan.edu.cn 1 目标 创建表单 添加多种表单元素 用CSS设定表单样式 验证表单 2 效果 3 1. 插入一个空的HTML表单 1) 定位光标，菜单 插入表单表单 2) 定位光标，面板 插入表单表单 “属性”面板 4 把文本内容移至表单内 选中内容，Ctrl+X，Ctrl+V 5 2. 添加文本字段控件 定位光标，菜单 插入表单文本域 页面上已经有文字“姓名”，故此处选择“无标签标记”。 6 设置文本域属性 选中文本域，“属性”面板。 把光标定位于文本框内，“属性”面板 指定该文本域适用的类CSS规则。 ID属性。若有同名的ID CSS规则，将作用于此文本域。 name属性。不是ID属性。 7 插入更多的文本域 区分name属性与ID属性。 8 3. 添加复选框控件 定位光标，菜单 插入表单复选框。 手工删除页面上已经有文字“产品价目表”，在此处设置该文字。 9 设置复选框的属性 勾选时所代表的值 id 属性与name 属性的用途不同。 10 插入更多的复选框 11 4. 添加单选按钮组控件 定位光标，菜单 插入表单单选按钮组。 每个单选按钮具有相同的名称。单选按钮的id根据此名称自动生成，但是互不相同。 12 设置每个单选按钮的属性 注意自动生成的ID属性值 13 5.