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

最新推荐文章于 2024-05-13 17:57:15 发布
最新推荐文章于 2024-05-13 17:57:15 发布
阅读量5.3k 收藏 1
点赞数
分类专栏： web

来自：http://zhidao.baidu.com/link?url=lXi1lGs_lpxBcwUtE0aHfclXy1l3_DbKpyQbXlvt7sA_F9hdc7oFU5kAqkxb3yRNYLqzrO7FOwV3vZ8DwCHE9a

1：

<p>设备码&nbsp;&nbsp;<input type="text" name="mac" style="width:150px"/></p>
<p>密备码&nbsp;&nbsp;<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>设备码&nbsp;&nbsp;<input type="text" name="mac" class="inputcss"/></p>
<p>密备码&nbsp;&nbsp;<input type="password" name="pwd"  class="inputcss"/></p>
</body>
</html>


lys07962000
关注
专栏目录
【Qt QML】TextInput
wangyi463295828的博客
12-14 2029
但由于字形的水平度量是没有暗示的，文本的布局将可扩展到更高密度的设备(如打印机)，而不会影响诸如换行之类的细节。文本将被修改以优化目标设备上的易读性，但由于指标将取决于文本的目标大小，字形、断行和其他排版细节的位置将无法缩放，这意味着文本布局可能在具有不同像素密度的设备上看起来不同。例如:如果topPadding和bottomPadding设置为10，但是TextInput的高度仅设置为20，则文本将没有足够的垂直空间来呈现，会被剪切显示。文本布局将在排版上准确，使用与使用相同的指标，例如打印时。
input标签,下拉菜单和文本域
weixin_38945490的博客
03-08 5894
input标签 属性：input标签不写type,默认类型是单文本框 maxlength:该属性是输入值的最大长度 value：该属性指当前文本框的值 min:最小值 max：最大值 checked:选择属性（默认选择男/女） checkedbox:复选属性 placeholder:智能提示属性 type=“text” 单行文本框 type=“passwrd” 密码框 type=“radio” 单选框 type=“button” 普通按钮 type=“submit” 提交按钮 type=“r
input中类型为text和password的长度不一样的问题的解决方案
tykw163的专栏
05-07 3008
原来是因为密码默认都用*代替了文字，所以肯定是比文本要小，如果用CSS定义就不会出现问题啦。 style="width:80px;height:16"> style="width:80px;height:16">
HTML之表单标签中input的属性type =“password“时“没眼睛”问题（无法主动显示或是隐藏密码）
m0_53190754的博客
03-03 1581
html写表单提交时人，如用户名以及密码，type = "password"密码被隐藏，无法查看;type = "text"，密码被显示无法隐藏。代码如下edge浏览器在运行html时，会给type = "password"的input自动加上可以睁开或是闭上的眼睛图标，用来显示或隐藏密码。但是chrome不会，得自己封装实现。
vue 解决密码框 input 中type=“password“时，浏览器会回显之前保存的用户名和密码
輕描淡寫的博客
10-12 1935
浏览器会回显之前保存的用户名和密码解决
input type=password 取消密码提示框
王永存
08-01 4512
浏览器记住密码后，在写页面时，设置了input的type='input'时，会带出密码提示框让你回填（如下图所示），怎么才能取消它呢？ 百度了很多的办法，1、说加一个隐藏的input框（最佳办法）2、加属性 autocomplete=“new-password” 3、通过失去焦点，获取焦点来控制 在谷歌浏览器的试的，没有一个能行的。没有办法，还是靠自己实现吧。 大致思路是这样的，利用input的 readonly结合失焦/焦点/点击等事件进行处理，具体代码如下： <input ty...
Javascript——＜input＞: 输入（表单输入）元素的type和样式属性
mintsolace的博客
08-19 2066
<label for="name">Name (4 to 8 characters):</label> <input type="text" id="name" name="name" required minlength="4" maxlength="8" size="10"> label { display: block; font: 1rem 'Fira Sans', sans-serif; } input, label {
列举input中的type属性及说明
NewBeeMu的博客
08-07 1561
一、input标签和它的type属性 PS：input 元素可以用来生成一个供用户输入数据的简单文本框。 在默认的情况下， 什么样的数据均可以输入。而通过不同的type属性值，可以限制输入的内容。 二、总结 1、text 一个单行文本框，默认属性值 2、password 隐藏字符的密码框 3、search 搜索框，在某些浏览器中输入内容会出现叉形标记 4、submit、reset、bu...
input type 属性详情
panghaichun的博客
03-02 721
选框，提交/重置按钮等，下面一一介绍。 1，type=text 输入类型是text，这是我们见的最多也是使用最多的，比如登陆输入用户名，注册输入电话号码，电子邮件，家庭住址等等。当然这也是Input的默认类型。 参数name：同样是表示的该文本输入框名称。 参数size：输入框的长度大小。 参数maxlength：输入框中允许输入字符的最大数。 参数value：输入框中的默认
html 解决 input type="password" 标签自动记住账号密码
热门推荐
文嘉
10-23 2万+
主要实现逻辑，把input type="password" 改成 type="text" 隐藏input密码，把真实密码存到input标签的一个属性中实现，下面的逻辑，每次input框中内容变化，获取真实密码逻辑如下 ps:复制一段字符串，选择一段●●或者直接把光标放到●●●●的中间粘贴都可以。 html> html lang="en"> head> meta charset=
解决 input type="password" 标签自动记住账号密码
qq_37668442的博客
07-27 3266
参考 https://blog.csdn.net/zgahlibin/article/details/78321246 描述 如谷歌浏览器，使用input type="password"控件登录时，网址最后有一个小钥匙，而且会弹出提示框：是否记住该网站的密码。 期望达到的效果是没有小钥匙，而且不弹出提示框。 思路 放弃使用type="password"控件，而使用type=“text” 替换。每...
Jquery仿邮箱的登录、密码type=“password”输入框默认值
LDK22
12-12 1万+
做一个如下图仿登录邮箱的小案例。当鼠标点击输入框时，里面默认的字自动消失。其中输入邮箱地址相对容易些。 1、css代码： #txt1,#txt2{ color:#CCC; border:1px solid #666;} #pswd{ display:none;border:1px solid #666;} 2、页面： 地址： 密码： 3、script代
input的type类型password 密码，jquery点击如何显示密码，查看是否正确
最新发布
qq_39951524的博客
05-13 596
input的type类型password 密码,jquery点击如何显示密码,查看是否正确 要实现点击时显示密码，可以使用jQuery来监听输入框的点击事件，并根据需要切换输入框的类型从而实现密码的显示和隐藏。以下是一个简单的实现示例：
input type=“password“密码自动带入密码如何解决
张木期的博客
11-15 8614
用input type="password"密码框，浏览器会自动带入密码，可以加个autocomplete=“new-password” 比如 <a-input-password v-model="password" style="width:370px;margin-left:10px;" placeholder="8-15个字符，必须同时包含数字、英文、特殊符号" autocomplete="new-
解决type=password密码反显问题
he_xiao123的博客
09-01 2821
在input中加入 <input tye="text" oniput="if(this.value==''){this.type='text'}else{this.type='password'}"/>
input type="password" 浏览器自动填充账号和密码
weixin_44119268的博客
01-19 2694
再input标签上设置属性type为password很容易被浏览器识别，然后自动填充以前保存的密码。这里推荐一种特别简单的方法解决这个问题。 在input属性type为text的标签上添加下面的属性 autoComplete="off" 在input属性type为password的标签上添加下面的属性 autoComplete="new-password" 就能解决浏览器自动填充账号和密码的问...
web前端基础：HTML表单
qq_37014633的博客
11-14 444
标题 表单(Form)是 HTML 的一个重要部分，主要用于采集和提交用 户输入的信息。举个简单的例子，一个让用户输入姓名的 HTML 表 单(Form)。 学习 HTML 表单(Form)最关键要掌握的有三个要点： 表单控件(Form Controls) Action Method 先说表单控件(Form Controls)，通过 HTML 表单的各种控件，用户可以输入文字信息，或者从选项中选...
input标签不同的type属性值：password、text、checkbox、button、radio
公子&小白的博客
03-26 4295
                input标签用于搜集用户信息 根据不同的type属性值，输入字段拥有很多形式。 输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。 type属性： button:定义可点击的按钮 checkbox：定义复选框 file：定义输入字段和“浏览”按钮 hidden：定义隐藏的输入字段。 image:定义图像形式的提交按钮。 p...
将input type=file设置为英文浏览按钮的方法
2. 创建一个只读的`<input type="text">`元素，用于显示用户选择的文件路径。 ```html <input name="path" readonly> ``` 3. 再创建一个`<input type="button">`元素，作为用户点击的“浏览”按钮。 ```html ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值