如何将label标签与input标签进行绑定

2021033114025245944.jpg

1.方法一:

<!DOCTYPE html>
<html lang="en">
<head>
    <Meta charset="UTF-8">
    <Meta http-equiv="X-UA-Compatible" content="IE=edge">
    <Meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单</title>
</head>
<body>
   <form action="" style="display: grid;" method="POST">
     <div>
            <label for="username">账号:</label>  <!-- 利用id进行绑定 -->
            <input type="text" id="username">        
     </div>
   </form>
</body>
</html>

方法二:

<!DOCTYPE html>
<html>
<head>
    <Meta charset="UTF-8">
    <Meta http-equiv="X-UA-Compatible" content="IE=edge">
    <Meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单</title>
</head>
<body>
   <form action="" style="display: grid;" method="POST">
     <div>
            <label>账号:<input type="text" >  </label>
                  
     </div>
   </form>
</body>
</html>

推荐:《最受欢迎的5个html5视频教程推荐

以上就是如何将label标签与input标签进行绑定的详细内容,更多请关注编程之家其它相关文章

相关文章

vue阻止冒泡事件 阻止点击事件的执行 &lt;div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些