使用css制作表单.doc_第1页
使用css制作表单.doc_第2页
使用css制作表单.doc_第3页
使用css制作表单.doc_第4页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

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

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论