label标识应用全过程中遇到的难题剖析及处理思路

近期在做物品情况下应用到了label标识,因为以前非常少应用label标识,因此就遇到1个很怪异的难题。甚么难题呢?下面看来1个实际效果

提醒:您能够先改动一部分编码再运作

这个demo要完成的目地是在点一下登陆按钮的情况下校检客户键入的客户名、登陆密码是不是合理合法,假如不符合法就在客户名键入框下面提醒不正确信息内容。
提醒不正确信息内容的元素方案用label完成。

根据运作编码开启demo网页页面,点一下登陆按钮,看会有甚么转变。假如应用的是Firefox、Chrome或IE9+,则点一下登陆按钮以后会提醒 “客户名不正确”,这是要想的結果。假如应用的是IE6, 7, 8怎样1个再看看会有甚么转变呢?这时候候发现网页页面沒有提醒出来信息内容,开启开发设计人职工具,看下操纵这时候候会发现提醒出来不正确信息内容“SCRIPT600: 未知的运作时不正确 ”。遇到这个难题的情况下尝试了innerText和innerHTML两种方式,发现都会报这样的不正确,认为是应用方式不对去w3cschool上面查了下发现也沒有说不适用innerText和innerHTML的。

究竟为何会在IE6, 7, 8提醒这样的不正确而Firefox, Chrome, IE9+(别的访问器沒有尝试)运作一切正常呢。仔细的人将会1下就看出难题在哪儿里了,针对提醒“客户名不正确”的元素刚开始标识写变成“lable”而并不是label。可是我那时候就沒有发现这难题,1直认为是label标识应用方法上出現了难题呢,至于为何IE6, 7, 8的JS模块会在实际操作这类把标识名写错的元素的innerText、innerHTMl特性时出現不正确,而Firefox、Chrome和IE9+沒有出現不正确,并不是很清晰,假如有对这层面较为掌握的盆友请解释下吧。

这个难题实际上挺低等的,把标识名写错了嘛。可是那时候自身就沒有发现,后来细心科学研究了1下才发现这个难题,因此還是纪录1下。