<input >标签内的type分别为password和text时其默认长度和宽度不一致，而在做登陆框时往往需要将它们的长度和宽度设置一致。如下的方法可以通过css控制使其一致：
<
html
>
< head > </head>
< body >
调整前： </br>
用户名: < input type ="text" id ="tex" > </br>
密 码: < input type ="password" id ="pass" > </br> </br>
调整后： </br>
用户名: < input type ="text" style ="width:180px;height:20px;" id ="tex" > </br>
密 码: < input type ="password" style ="width:180px;height:20px;" id ="pass" >
</body>
</html>
< head > </head>
< body >
调整前： </br>
用户名: < input type ="text" id ="tex" > </br>
密 码: < input type ="password" id ="pass" > </br> </br>
调整后： </br>
用户名: < input type ="text" style ="width:180px;height:20px;" id ="tex" > </br>
密 码: < input type ="password" style ="width:180px;height:20px;" id ="pass" >
</body>
</html>
以下为页面截图：
此文内容小，记之，以提醒我时常对学过的点滴进行总结。
本文转自 yzzh9 51CTO博客，原文链接：http://blog.51cto.com/java999/193366，如需转载请自行联系原作者
