登录页面的世事纷争

项目已经接近尾声了，离完美却始终有段距离，只因那些细节上的世事纷争，为了达到最好的用户体验，你不得不去完美。无数次的被IE、firefox、chrome玩弄，最近兼容性问题老是出现。

 问题一：登录按钮是图片时无法调用。如果登录按钮那里直接使用的是图片的话，在chrome和firefox下是无法实现回车登录的，只因为执行函数时调用document.getElementById("loginbtn").click();再获取Element后是一个image类型的元素，无法像调用button类型元素那样再次调用click事件。

 解决办法是：为按钮添加图片。

<input type= "submit"  value= "   " style= "cursor: hand; background-image:url( '/dnswebs/cn/tiandyimages/loginbtn1.jpg '); width: 66; height: 26;  border-style: solid; border-width: 0 "> 

事实上，只要他已经是按钮了，在firefox和chrome下不用在调用document.getElementById("loginbtn").click();就可以实现回车登录了。

问题二：登录框那里的用户名和密码的输入框再设定size值相等的情况下，IE浏览器下长度是不一样的，在firefox和chrome下是一样长的。

 解决办法：
IE下的size纯属扯淡，自己定义样式。

<input type="text" size="10" name="username" style="width:115px;height:20">

<input type="password" size="10" name="password" style="width:115px;height:20">