1、使用 CSS 制作表单（Form）表单是功能型网站中经常使用的元素，是网站交互中最重要的元素。在网页中，小到搜索按钮，大到用户注册表单，以及用户控制面板，都需要使用到表单及其表单元素。表单元素主要用来收集用户信息，帮助用户进行功能性控制，表单的交互设计与视觉设计都是网站设计中的重要部分。本节将介绍如何使用CSS 设计表单。1.制作登录表单登录表单是各大网站都会用到的一个非常实用的模块，是用来进入其他相关页面的入口。本节将使用 form 表单以及 label 标签制作一个样式精美的登录表单。1.1 label 标签语法结构Label 标签具有提示表单含义的功能，是成堆出现的。for：表示 lab
2、el 标签要绑定的 XHTML 元素，当点击这个标签的时候，所绑定的元素将获取焦点。姓名accesskey：表示访问 label 标签所绑定的元素的热键，当按下热键，所绑定的元素将获取焦点。 （热键：Alt+N）姓名1.2 制作登录表单实例使用表单元素和 label 标签设计一个登录表单。分成两个 div 层级关系，外层为 layout 层，用来定义表单框架样式，内层为 member 层，用来放置表单等主体元素。内层 member 又分成标题区域和表单区域，分别为 title 和 form 控制样式。2.制作用户注册表单表单布局除了需要应用表单中的各个元素之外，还需要使用到 table 表格，表格是表单布局的得力助手。对于最终的表单来说，表格对数据的排列方式非常适合于表单元素的排列。对于常见的左右式表单，即左侧为项目名称，右侧为项目输入框的形式，也非常符合表格具有表头及单元格的属性，因此使用表格进行表单排版再合适不过了。2.1 制作注册页面的 HTML 代码2.2 效果图
