label标签使用过程中遇到的问题分析及解决思路

摘要：最近在做东西时候使用到了label标签，由于之前很少使用label标签，所以就遇到一个很奇怪的问题。什么问题呢？下面来看一个效果HTMLla...

最近在做东西时候使用到了label标签，由于之前很少使用label标签，所以就遇到一个很奇怪的问题。什么问题呢？下面来看一个效果

<!DOCTYPE html>  <html>  <head>  <meta charset="utf-8" />  <title>HTML label tag 学习 by Typeof</title>  <style type="text/css">  html, body {  margin: 0;  padding: 0;  }  .title {  margin: 10px;  }  .login-item, .login-button {  margin: 20px;  height: 30px;  }  .clearfix {  clear: both;  content: "";  display: block;  }  .login-item label {  float: left;  width: 70px;  }  .login-item .text {  height: 18px;  width: 200px;  float: left;  }  </style>  </head>  <body>  <div class="title">  label标签使用过程中遇到的问题  </div>  <div class="login-item clearfix">  <label for="username">用户名：</label>  <input type="text" class="text" id="username" name="username" />  <lable id="J_usernameError"></label>  </div>  <div class="login-item clearfix">  <label for="password">密&nbsp;&nbsp;码：</label>  <input type="text" class="text" id="password" name="username" />  <label id="J_passwordError"></label>  </div>  <div class="login-button clearfix">  <input type="submit" value="登录" id="J_submitLogin" />  </div>  <script>  document.getElementById('J_submitLogin').onclick = function() {  var usernameError = document.getElementById('J_usernameError');  usernameError.innerHTML = '用户名错误';  };  </script>  </body>  </html>

提示：您可以先修改部分代码再运行

【label标签使用过程中遇到的问题分析及解决思路】相关文章：

★ ANSI，Unicode，UTF-8网页编码的区别

★ python常规方法实现数组的全排列

★ a标签伪类的作用及书写顺序是什么

★ 输入框测试警告

★ html select标签的属性和方法

★ iframe的高度随内容变化而变化的代码

★ js调用出现乱码的解决方法探索+js行距

★ 一种简洁的选项卡效果代码

★ 清空select标签中option选项的3种不同方式

★ Lua 操作 MongoDB 数据库实例

上一篇：清空select标签中option选项的3种不同方式

下一篇： html中iframe控制父页面刷新实现思路及代码

学习工具