label标签

最新推荐文章于 2023-05-06 23:34:34 发布

又一个包子

最新推荐文章于 2023-05-06 23:34:34 发布

阅读量187

点赞数

分类专栏： html基本知识

本文链接：https://blog.csdn.net/whpu1234/article/details/81453854

版权

html基本知识专栏收录该内容

27 篇文章 1 订阅

订阅专栏

1.label标签
1）语法：<label for="控件id名称">
注意：佛如属性的值应该与相关控件的id属性值一定相同
2）label标签不会向用户呈现任何效果，他的作用视为鼠标用户改用了可用性。
如果你在label标签内带你及文本，就会出发控件。

demo：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <form action="save.php" method="POST">
        <label>你对什么运动感兴趣:</label>
        <br>
        <label for="lanqiu">篮球</label>
        <input type="checkbox" name="篮球" id="lanqiu">
        <br>
        <label for="paobu">跑步</label>
        <input type="checkbox" name="跑步" id="paobu">
        <br>
        <label for="zuqiu">足球</label>
        <input type="checkbox" name="足球" id="zuqiu">
    </form>
</body>
</html>

运行结果：

上边的意思：（即点击文本框的文字也能选）