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

label标签使用过程中遇到的问题分析及解决思路 由于之前很少使用label标签，所以今天就遇到一个 很奇怪的问题：使用的是IE6, 7, 8这时候发现页面没有提 示出来信息，具体的分析思路及解决方法如下，感兴趣的 朋友可以参考下，希望对大家有所帮助 最近在做东西时候使用到了 label标签，由于之前很 少使用label标签，所以就遇到一个很奇怪的问题。什么 问题呢？下面来看一个效果nbsp; 代码如下： It; !DOC TYPEhtmlgt: nbsp; It ;htm lgt ;nbsp; It : headgt ;nbs p; It; meta charset=〃ut f-8〃/gt; nbs p; It: titl eg t; HTML lab eltag 学习 byTy peoflt ;/tit legt;nbsp; It; stylety pe=〃text/cs s〃gt ;nbsp; h tml，body{nb sp; margin:0 :nbsp; paddi ng:0;nbsp; }nbsp; .title {nbsp; margi n: 10px;nbsp : }nbsp; .1 ogin-item, . login-butto n{nbsp; marg in:20px:nbs p; height: 30 px;nbsp; } nb sp; .clearfi x {nbsp; clea r :both;nbsp ; content:〃〃：nbsp; displ ay:block;nb sp; }nbsp; .login-item label {nbsp; float:left;nbsp; width:70px;nbsp; }nbsp; .log in-item, tex t {nbsp: heig ht: 18px;nbs p; width:200 px;nbsp; f lo at: left: nbs p; }nbsp; lt;/stylegt;nb sp; It;/head gt;nbsp; It;bodygt:nbsp ; lt;divcl ass=〃title〃gt;nbsp; 1 abel标签使用过程中遇到的问题nbsp; It:/divgt: nb sp; It: div class=logi n-itemclear fixgt ;nbsp ; It: label for=〃userna me〃gt;用户名：1 t ;/labelgt; nbsp; It;i nputtype=〃t ext〃class=〃 text〃id=〃us ername^name =〃username〃/gt; nbsp; It;lableid=〃J_username Error〃gt;It ;/labelgt;n It ;/div gt ;nbsp; 1 t; divclass=//login-item clearfixgt :nbsp; It;labelfor=〃p assword〃gt;密 amp;nbsp;a mp;nbsp; 码：1 t ;/labelgt ;nbsp; It;i nputtype二〃t ext〃class=〃 text〃id=〃pa ssword〃name =〃username〃/gt; nbsp; It;labelid=J_password Error〃gt;It ;/labelgt;n bsp; It ;/div gt ;nbsp; 1 t; divclass=//login-butt onclearf ixzzgt: nbsp: 1 t:inputtype =〃submit〃va lue=〃登录 〃id= 〃J_submitLo gin〃/gt; nbs p; It;/divgt :nbsp; It: sc riptgt;nbsp ; document .getElement Byld(’ J_sub mitLogin’)? onclick=fun ction() {nbs p; varuser nameError=d ocument. get ElementByld (’ J usernam eError’) ;nb sp; userna meError. inn erHTML=’ 用户名错误’ :nbsp; }:nbsp; It;/sc riptgt ;nbsp ; It;/bodygt ;nbsp; It ;/h tmlgt ;nbsp; 提示：您可以先修改部分代码再运行 这个de mo要实现的目的是在点击登录按钮的时候校验 用户输入的用户名、密码是否合法，如果不合法就在用户 名输入框下面提示错误信息。nbsp; 提示错误信息的元素计划用label实现。nb sp; 通过运行代