上一篇
下一篇
label使表单更具用户体现
作者:admin 日期:2008-12-10
label通常与表单控件一起运用。当用户点击与某表单控件所关联的标签时，焦点会自动转到与该标签关联的表单控件上。由于这个特性，用户可点击的范围加大了，而不仅限在表单控件上，使表单更人性化。
先来看看这个例子：
HTML代码
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
label跟单选框，复选框，文本字段的关联运用的比较多。如：
程序代码
程序代码
for后面跟的是控件的ID，如果ID换成其他控件的ID，点击该标签时焦点会转到其他控件上的。
使用dreamweaver添加控件时，选择“使用'for'属性附加标签标记”，就可自动添加lable了。
先来看看这个例子：
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="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了。
文章来自: 
引用通告: 
Tags: 评论: 0 | 引用: 0 | 查看次数: -
发表评论