论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css布局教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

{XHTML}HTML高级教程亲和力的表单

文章类别:div+css布局 | 发表日期:2008-9-26 11:42:27

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

标记

每一个表单域都应该有一个自己的标记。label标签挑选出来,跟for属性一起与一个表单元素关联。

div css xhtml xml Example Source Code Example Source Code [www.21shipin.com]
<form>
<label for="yourName">Your Name</label>
<input type="text" name="yourName" id="yourName" /> ...

标记为可视化浏览器处理本身使得标记自己可点击增加好处,使相关表单域获得焦点。
注重:name和id两者都是必须的──name为表单处理该表单域,id为标记关联到表单。

分组与图例说明

你可以为表单域分组,比如名字(姓,名,头衔等)或者地址(第一行,第二行,县,地区,邮编,国家等)。使用fieldset标签。
在表单域的分组内,你可以使用legend标签产生图例说明。
注重:可视化浏览器倾向于用围绕在表单组四面的边框来显示,而图例说明打破左上方的边框而显示。


选项分组

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

div css xhtml xml Example Source Code Example Source Code [www.21shipin.com]
<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属性。

div css xhtml xml Example Source Code Example Source Code [www.21shipin.com]
<input type="text" name="firstName" accesskey="f" tabindex="1" />

关于更多,请看亲和力的连接。
视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058