本文介绍了一种通过CSS控制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>
此文内容小，记之，以提醒我时常对学过的点滴进行总结。
扫一扫
2318
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
