本文介绍了一种通过CSS来调整不同类型的HTML输入框（如text和password）的长度和宽度，使其保持一致的方法。
<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，如需转载请自行联系原作者
扫一扫
2334
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
