小兔网

如何将label标签与input标签进行绑定-html知识

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标签进行绑定的知识。速戳>>知识兔学习精品课!