ajax请求得到的HTML代码在Firefox中输入框焦点诡异移位

======================================================
注：本文源代码点此下载
======================================================

这段时间遇到一件很诡异的事情。

在前台页面中使用ajax请求asp.net后台代码,得到一段html代码,然后把这段html代码作为网页中的一个label的innerhtml显示出来,这是我使用ajax的一贯做法,从来没有不妥。在ie中测试完全没有问题、但后来在firefox中测试却发生了很奇怪的现象,通过ajax加载的那段html代码中有一些控件,text,select,radio等,而后面的一些控件始终的不到焦点,当点击了排在后面的text、select或其他控件准备输入信息的时候,输入焦点就像使了魔法一样、在松开鼠标时就把焦点移动到排在第一个的那个控件上去了,反反复复都有这个问题。

这个问题也足足困扰了我两天,后来在吃饭的时候突然想到,是不是标签嵌套不规范的问题,难道label中不能嵌套div吗?后来我把网页中接受html代码的那个label换成div,这样该不会有问题了吧!,令人兴奋的时候,问题解决了。哈哈哈。。。

所以在这里一定要引以为戒啊,网页中的html标记一定要嵌套规范,这样我们的网页才具有更强的生命力。。否则遇到这种问题真的是很难调试的。

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/