label使表单更具用户体现

     label通常与表单控件一起运用。当用户点击与某表单控件所关联的标签时,焦点会自动转到与该标签关联的表单控件上。由于这个特性,用户可点击的范围加大了,而不仅限在表单控件上,使表单更人性化。
     先来看看这个例子:
HTML代码


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


     label跟单选框,复选框,文本字段的关联运用的比较多。如:
程序代码 程序代码
<input type="radio" name="test" id="txt1" />  <label for="txt1" >单选框1</label>
<input type="radio" name="test" id="txt2" />  <label for="txt1" >单选框2</label>


程序代码 程序代码
<input type="text" name="ip1" id="ip1" />    <label for="ip1">文本字段1</label>


for后面跟的是控件的ID,如果ID换成其他控件的ID,点击该标签时焦点会转到其他控件上的。

使用dreamweaver添加控件时,选择“使用'for'属性附加标签标记”,就可自动添加lable了。




[本日志由 admin 于 2008-12-10 06:50 PM 编辑]
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: css
评论: 0 | 引用: 0 | 查看次数: -
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.