首页 > 其他 > 详细

input与label联合使用的两种方式

时间:2020-01-03 10:53:43      阅读:184      评论:0      收藏:0      [点我收藏+]

原文链接地址:input与label联合使用的两种方式

当用户选择label标签时,浏览器会自动将焦点转移到个label相关的input上

1.通过为input设置属性id,在label标签中设置for=id使label文本与对应的inpu他结合起来。

<label for="name">Name:</label>
<input id="name" type="text"/>

2.label标签包裹input标签,点击label时,label两次响应,即label本身触发和input触发后冒泡到label上。

<label for="name">
    <input id="name" type="text"/>
</label>

input与label联合使用的两种方式

原文:https://www.cnblogs.com/wuyuan2011woaini/p/12143592.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!