label和input

论坛 期权论坛 编程之家     
选择匿名的用户   2021-5-16 18:51   880   0

正常label标签就是显示文字,input标签根据类型不一样显示不同,如text,passwork等等。

通过label与input绑定在一起,是为了点击label包含的文字时,input框会选中。否则只能通过点击input框选中。

label标签可以直接包裹input标签和文字:

<label for="male">
    <input type="radio" name="sex" id="male" value="0" checked>男
</label>
<label for="female">
    <input type="radio" name="sex" id="female" value="1">女
</label>

也可以包裹div、p等其它标签:

<label for="hobby1">
    <input type="checkbox" name="hobby" id="hobby1" value="0">
    <div class="inline-block">
        <div>刀</div>
        <div>枪</div>
        <div>剑</div>
        <div>戟</div>
    </div>
</label>
<label for="hobby2">
    <input type="checkbox" name="hobby" id="hobby2" value="1">
    <div class="inline-block">
        <div>斧</div>
        <div>钺</div>
        <div>钩</div>
        <div>叉</div>
    </div>
</label>

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP