HTML中input type="text"和type="password" 显示的长度不一样

RT请问怎么解决?... RT 请问怎么解决? 展开
 我来答
Apple
2015-11-05 · 知道合伙人数码行家
Apple
知道合伙人数码行家
采纳数:13946 获赞数:38144
南京艺术学院,平面网页UI设计17年,Adobe网页设计师

向TA提问 私信TA
展开全部

是的,一个是以明文显示,一个是以符号(点号或星号)显示。

不过可以统一固定下宽高,写个样式调用即可。

.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>
匿名用户
2013-06-04
展开全部
<input type="text" id="txt1" style="width:100px;">
<input type="password" style="width:100px;"> 这样子就行了,用style来设置!!
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
郭某人来此
2015-10-01 · TA获得超过1645个赞
知道答主
回答量:952
采纳率:100%
帮助的人:89.6万
展开全部
1:
<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>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2013-06-04
展开全部
用size改变长度
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2013-06-04
展开全部
一楼说的对 用size 如:<input type="text" size="30">
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式