解决密码框和文本框长度不一致的问题

先看一下下面两条代码：

<input type="text" name="test" size="20" />

<input type="password" name="test2" size="20" />

按理说，文本框的长度和密码框的长度是一样的，但实际显示时却发现长度不一致，在不同版本的IE里效果也各不一样

解决方案：

用style来控制长度，如下：

<input type="text" name="test" style="width:100px" />

<input type="password" name="test2" style="width:100px" />

-------------------------------------------方法二

如果客户端操作系统是XP的话，打开登陆页面的时候，密码文本框的长度比用户名文本框的长度小一些。如果客户端操作系统是2k的话，打开登陆页面的时候，密码文本框的长度就跟用户名文本框的长度一样。

解决方案

不知道什么原因
一般写样式解决
用户名：<input type="text" name="username" size="20" value="guest" style="width:200px;height:20px;">
<br>
密码：<input type="password" name="pwd" size="20" value="guest" style="width:200px;height:20px;">
<br>
<input type="submit" value="登录" name="B1" onClick="return ChkForm();">

指定字体就可以了。 或者像你的方法一样设定样式。
<input type="text" id="username" value="" />
<input type="password" id="password" value="" style="font-family:宋体" />
或者在样式表里直接指定（推荐）
input｛font-family:宋体}