HTML高级教程 亲和力的表单
表单对于残障人士来说是最不容易使用的东西。导航和成文的内容是一种情况,而表单域和信息输入的跳跃又是另一回事儿。因此,为表单增加更多元素,使得表单更易用和更具亲和力未尝不是一个是好注意。
标记
每一个表单域都应该有一个自己的标记。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.php" >
<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" >
- 新手建站怎么做内容和外链
- 盘点:网红经济未来发展趋势
- Papi酱都招人做内容 内容为王已成定局
- 网站数据分析都能查询出网站的什么情况
- 分析:网红经济决不能只是一个“炒”字
- 运营网站要会花钱 不能光靠一个烧
- XHTML+CSS制作样式风格切换的WEB站点
- 网站建设的三十六条原则您知道吗?
- 小米大力做广告 是为了搞创收吗?
- 实战:大数据下如何做好电商营销
- 优化网站排名上不去?您的网站可能存在以下问题
- 如何向Alexa提交网站信息
- 访问统计是什么,如何实现
- ICP备案和经营性ICP有何不同
- XHTML入门学习教程:简单网页制作
- 挂据:医疗行业站外推广技巧之软文推广
- 交换友链网站需要注意什么事项
- 将XHTML+CSS页面转换为打印机页面
- 浅析:微商定义 非法传销or电商颠覆者?
- XHTML 2.0新功能抢先预览