js补充知识点-label应用

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <label for="demo">用户名:</label>
    <input id = "demo" type="text">
</body>
</html>

结果显示:

说明:将用户名放入label标签中,并且label中for属性的值和input的id值一致,就能将label和input框绑定到一起,点击label,input也会聚焦

posted @ 2018-04-01 19:14  Sundy‘s园  阅读(86)  评论(0编辑  收藏  举报