老师,请回答

来源:4-5 required和optional美化表单案例

慕设计6552984

2020-04-28 15:48:21

label如何用?

写回答

1回答

好帮手慕粉

2020-04-28

同学你好,label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。例:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <p>请点击文本标记之一,就可以触发相关控件:</p>

    <form>
      <label for="male">Male</label>
      <input type="radio" name="sex" id="male" />
      <br />
      <label for="female">Female</label>
      <input type="radio" name="sex" id="female" />
    </form>
  </body>
</html>

当点击Male时,后面的就会被选上:

http://img.mukewang.com/climg/5ea7edd00940d58003840111.jpg

祝学习愉快~

0

0 学习 · 6815 问题

查看课程

相似问题