现在的位置: 首页 > 综合 > 正文

HTML中label的两种使用方法

2012年01月28日 ⁄ 综合 ⁄ 共 336字 ⁄ 字号 评论关闭

如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

 有两种使用方法:

方法1:

    <label for="userName">用户名:</label><input type="text" id="userName"/>  

 方法2:

<label>用户名:<input type="text"/></label> 

 当在单选或多选里使用时,还会出现一种视觉效果,这也是一种友好的方式。

<label><input type="radio" />性别</label> 

 在HTML里,每一种HTML标签都有自己的意义,在做页面的时候选择适合的标签,少使用DIV,Span这些无语义的标签,只有在无法确定使用什么标签才使用DIV。

抱歉!评论已关闭.