文本框和密码框长度不一致 解决办法

做登录的时候我们经常用如下两行代码：

 <input type="text" name="username" size="20"/>
            <input type="password" name="password" size="20"/>

可是在不同的浏览器下，显示的长度却是不同的，在IE8下密码框就比用户名框稍微短了一点。

解决办法就是为其设置样式 style="width:150px"

如下：

 <input type="text" name="username" size="20" style="width:150px"/>
            <input type="password" name="password" size="20" style="width:150px"/>

未加样式前:

加入样式后：