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

《label标签使用过程中遇到的问题分析及解决思路》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、label标签使用过程中遇到的问题分析及解决思路由于之前很少使用label标签，所以今天就遇到一个很奇怪的问题：使用的是IE6,7,8这时候发现页面没有提示出来信息，具体的分析思路及解决方法如下，感兴趣的朋友可以参考下，希望对大家有所帮助最近在做东西时候使用到了label标签，由于之前很少使用label标签，所以就遇到一个很奇怪的问题。什么问题呢？下面来看一个效果nbsp;代码如下：It;!DOCTYPEhtmlgt:nbsp;It;htmlgt;nbsp;It:headgt;nbsp;It;metacharset=〃utf-8〃/gt;nbsp;I

2、t:titlegt;HTMLlabeltag学习byTypeoflt;/titlegt;nbsp;It;styletype=〃text/css〃gt;nbsp;html，body{nbsp;margin:0:nbsp;padding:0;nbsp;}nbsp;.title{nbsp;margin:10px;nbsp:}nbsp;.1ogin-item,.login-button{nbsp;margin:20px:nbsp;height:30px;nbsp;}nbsp;.clearfix{nbsp;clear:both;nbsp;content:〃〃：

3、nbsp;display:block;nbsp;}nbsp;.login-itemlabel{nbsp;float:left;nbsp;width:70px;nbsp;}nbsp;.login-item,text{nbsp:height:18px;nbsp;width:200px;nbsp;float:left:nbsp;}nbsp;lt;/stylegt;nbsp;It;/headgt;nbsp;It;bodygt:nbsp;lt;divclass=〃title〃gt;nbsp;1abel标签使用过程中遇到的问题nbsp;It:/divgt:nbs

4、p;It:divclass="login-itemclearfix"gt;nbsp;It:labelfor=〃username〃gt;用户名：1t;/labelgt;nbsp;It;inputtype=〃text〃class=〃text〃id=〃username^name=〃username〃/gt;nbsp;It;lableid=〃J_usernameError〃gt;It;/labelgt;nIt;/divgt;nbsp;1t;divclass=//login-itemclearfix"gt:nbsp;It;labelfor=〃password〃

5、gt;密amp;nbsp;amp;nbsp;码：1t;/labelgt;nbsp;It;inputtype二〃text〃class=〃text〃id=〃password〃name=〃username〃/gt;nbsp;It;labelid="J_passwordError〃gt;It;/labelgt;nbsp;It;/divgt;nbsp;1t;divclass=//login-buttonclearfixzzgt:nbsp:1t:inputtype=〃submit〃value=〃登录〃id=〃J_submitLogin〃/gt;nbsp;It;/

6、divgt:nbsp;It:scriptgt;nbsp;document.getElementByld(’J_submitLogin’)•onclick=function(){nbsp;varusernameError=document.getElementByld(’JusernameError’);nbsp;usernameError.innerHTML=’用户名错误’:nbsp;}:nbsp;It;/scriptgt;nbsp;It;/bodygt;nbsp;It;/htmlgt;nbsp;提示：您可以先修改部分代码再运行这个demo要实现的目

7、的是在点击登录按钮的时候校验用户输入的用户名、密码是否合法，如果不合法就在用户名输入框下面提示错误信息。nbsp;提示错误信息的元素计划用label实现。nbsp;通过运行代码打开demo页面，点击登录按钮，看会有什么变化。如果使用的是Firefox、Chrome或者IE9+，则点击登录按钮之后会提示“用户名错误”，这是想要的结果。如果使用的是IE6,7,8如何一个再看看会有什么变化呢？这时候发现页面没有提示出来信息，打开开发人员工具，看下控制这时候会发现提示出来错误信息“SCRIPT600:未知的运行时错误”。遇到这个问题的时候尝试了innerTe

8、xt和innerHTML两种方法，发现都会报这样的错误，以为是使用方法不对去w3cschool上面查了下发现