在网页中使用表单——网页设计第八讲.ppt

网站开发基础 ——使用表单 学习目标 理解表单的概念。 掌握创建表单的过程。 掌握设置表单控件标签的方法。 掌握对表单进行布局的方法。 什么是表单 表单是用于实现网页浏览者与服务器之间信息交互的一种页面元素，它由表单控件和一般内容组成。 例如： 注册表单 登录表单 表单的工作原理 FORM标记符 FORM包含所有表单内容 Action 属性 服务器端脚本程序（ASP、JSP、PHP、Perl等） mailto:mailbox@ Method属性（get、post） Enctype属性 表单控件的类型 文本框 复选框 单选框 按钮 选项菜单 …… 文本框 单行文本框 input type=“text” size=“” 口令框 input type=“password” size=“” 复选框和单选框 复选框 input type=“checkbox” checked 单选框 input type=“radio” name=“” checked 注意：单选框 name 属性相同者为一组！ 按钮 提交按钮 input type=“submit” input type=“image” 重置按钮 input type=“reset” 自定义按钮 input type=“button” 选项菜单 SELECT标记符 Size属性 Multiple属性 OPTION标记符 设置表单控件的标签 LABEL for=“controlID”标签文本/LABEL INPUT id=“controlID” 表单的显示效果 使用 CSS 修饰表单控件 input type=“submit” value=“SUBMIT” style=“font-family:Impact, sans-serif; color:white; font-size:14px; background:black” / style input.required{background:darkred; color:white}/styleinput class=“required” type=“text” size=“30” / 表单的显示效果 表单布局 布局表格 使用 CSS 布局 作业 6 – 创建表单 创建一个单独的表单网页，该表单网页必须是网站的有机组成部分。 表单具有至少 4 种类型的表单控件。 所有的复选框和单选按钮都要有标签效果。 表单必须布局合理。 That’s all for this chapter! * *