• 技术文章 >每日编程 >html知识

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

    逆旅行人逆旅行人2021-03-31 14:03:23原创212

    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标签进行绑定的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:label input
    上一篇:对web前端的理解 下一篇:没有了
    第15期线上培训班

    相关文章推荐

    • HTML的<label> 标签• 详细介绍HTML中的label标签• label标签的作用是什么?• html的label是什么

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网