首頁 >每日程式設計 >html知識 >如何將label標籤與input標籤進行綁定

如何將label標籤與input標籤進行綁定

autoload原創: 2021-03-31 14:03:237671瀏覽

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標籤進行綁定的詳細內容。更多資訊請關注PHP中文網其他相關文章！

html5 input

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：對web前端的理解下一篇：對web前端的理解

看更多