HTML中input type="text"和type="password" 显示的长度不一样_百度知...
发布网友
发布时间：2024-05-11 16:36
共5个回答
热心网友
时间：2024-08-01 22:12
是的，一个是以明文显示，一个是以符号(点号或星号)显示。
不过可以统一固定下宽高，写个样式调用即可。
.w150 {width:150px;height:30px;line-height:30px;}
两者代码设置如下：
<!doctype html><html>
<head>
<meta charset="UTF-8">
<title>input属性显示</title>
<style>
.w150 {width:150px;height:30px;line-height:30px;}
</style>
</head>
<body>
text属性为明文：<input type="text" value="12345678" class="w150" /><br /><br />
password属性为密文：<input type="password" value="12345678" class="w150" />
</body>
</html>
热心网友
时间：2024-08-01 22:17
热心网友
时间：2024-08-01 22:09
<p>设备码 <input type="text" name="mac" style="width:150px"/></p>
<p>密备码 <input type="password" name="pwd" style="width:150px"/></p>
2：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.inputcss
{
width:150px;height:20px;
}
</style>
</head>
<body>
<p>设备码 <input type="text" name="mac" class="inputcss"/></p>
<p>密备码 <input type="password" name="pwd" class="inputcss"/></p>
</body>
</html>
热心网友
时间：2024-08-01 22:14
<input type="password" style="width:100px;"> 这样子就行了，用style来设置！！
热心网友
时间：2024-08-01 22:11
