第三篇 Html-label标签

转载于 2019-01-25 15:46:00 发布 · 68 阅读

·

0

·

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wz123/p/10320013.html

本文介绍如何使用HTML中的label标签来关联输入框，当点击label时，其对应的输入框会获得焦点。通过for属性与input元素的id关联实现。

label标签

用户获取文字，使得关联的标签获取光标

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 </head>
 7 <body>
 8       <div>
 9           <label for="username">用户名：</label>
10           <input id="username" type="text" name="user">
11       </div>
12       <label>密 码：</label>
13       <input>
14 </body>
15 </html>