先看一下下面两条代码:
<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:宋体}