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

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

[html]  view plain copy

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

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

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

如下：

[html]  view plain copy

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

未加样式前:

加入样式后：