网站会员注册

用户名:密码: ·忘记密码 请按这里
 
  时事焦点  2006世界杯  网络营销  企业信息化  IT新闻  商业要闻  国际新闻  财经新闻  地区新闻  投资技巧  法治新闻  体育新闻
 
 
 

  表单对于残障人士来说是最不容易使用的东西。导航和成文的内容是一种情况,而表单域和信息输入的跳跃又是另一回事儿。因此,为表单增加更多元素,使得表单更易用和更具亲和力未尝不是一个是好注意。

标记
  每一个表单域都应该有一个自己的标记。label标签挑选出来,跟for属性一起与一个表单元素关联。
<form><label for="yourName">Your Name</label> <input type="text" name="yourName" id="yourName" />

  标记为可视化浏览器处理本身使得标记自己可点击增加好处,使相关表单域获得焦点。

  注意:name和id两者都是必须的──name为表单处理该表单域,id为标记关联到表单。

分组与图例说明
  你可以为表单域分组,比如名字(姓,名,头衔等)或者地址(第一行,第二行,县,地区,邮编,国家等)。使用fieldset标签。

  在表单域的分组内,你可以使用legend标签产生图例说明。

注意:可视化浏览器倾向于用围绕在表单组周围的边框来显示,而图例说明打破左上方的边框而显示。
<form action="somescript.htm" > <fieldset> <legend>Name</legend> <p>First name <input type="text" name="firstName" /></p> <p>Last name <input type="text" name="lastName" /></p> </fieldset> <fieldset> <legend>Address</legend> <p>Address <textarea name="address" ></textarea></p> <p>Postal code <input type="text" name="postcode" /></p> </fieldset>

选项分组
  optgroup标签用于在一个层叠式选择菜单为选项分类,label属性是必须的,在可视化浏览器中,它的值将会是一个不可选的伪标题,为下拉列表分组。

<select name="country"> <optgroup label="Africa"> <option value="gam">Gambia</option> <option value="mad">Madagascar</option> <option value="nam">Namibia</option> </optgroup> <optgroup label="Europe"> <option value="fra">France</option> <option value="rus">Russia</option> <option value="uk">UK</option> </optgroup> <optgroup label="North America"> <option value="can">Canada</option> <option value="mex">Mexico</option> <option value="usa">USA</option> </optgroup> </select>

导航域
  像连接,表单域(和表单分组)需要为没有指点设备(比如鼠标)的用户导航。与连接相同的方法也可以用在表单元素上,使得任务更容易──tab逗留和快捷键。

  可以为input和legend等独立表单标签设置accesskey和tabindex属性。

<input type="text" name="firstName" accesskey="f" tabindex="1" />

 
※ 设计专区 ※ 精品网站案例→ 给技术部留言→

  HTML中亲和友好的表单
  色彩传达的意义
  网页文字颜色的搭配技巧
  心流理论和设计
  网页的栅格设计思考
  理论普及——交互设计
  活着的页面
  开展全面的网站评估
  网页制作,改变你的思维方式
  十碟小菜招揽网站回头客
  网页设计中的文字运用
  网络界面设计中的批判性思维
  网络编程:如何生成XML数据
  需要掌握的八个CSS布局技巧
  自行设计 Google Earth打造3D名胜世界
  06年流氓软件手工查杀全攻略
  网络技术8大趋势
  网页设计制作九大“要点”
  网站设计八原则
  平面设计常用表现手法
  哪些资料可作为网站制作资料?
  平面设计常用图像文件格式详解
  网页界面中文字的编排设计
  设计理论经典之浅谈构图学
  网页色彩设计点滴
  商业网站设计主要原则
  1 共有26个内容
 
  〖关闭本页〗



 
优秀服务团队:培训部
优秀服务团队:培训部
本期优秀商务团队:商务二部
本期优秀商务团队:商务二部
本期服务明星:李颖
本期服务明星:李颖
本期明星商务顾问:刘庆
本期明星商务顾问:刘庆


  © 2007 版权所有 中企动力科技集团股份有限公司 北京中企网动力数码科技有限公司