Html —— 密码输入框输入后显示为点

已于 2022-03-24 15:25:52 修改
阅读量5.7k 收藏 5
点赞数 4
CC 4.0 BY-SA版权
分类专栏： 前端 文章标签： html css html5
于 2020-10-21 10:55:06 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/xue_xiaofei/article/details/109196763
本文介绍了一种简单的方法来实现在网页中输入密码时显示为点号，以保护用户的密码安全。通过设置HTML input元素的类型为password，可以轻松达到这一效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

问题

在输入密码时，为了防止被其他人看到，要将其显示成“.”，如何实现？

解决

将input的类型设置为password即可。

<div class="a-b"><input class="a-b-c" type="password" placeholder="请输入密码"></div>

效果

Taro React组件使用（5） —— RuiPasswordInput 密码输入框显示隐藏和清空
止于至善
03-27 788
初始化时，需要将传入的 value 赋值给当前组件的 value, 不能直接修改 props 的 value;在组件内输出组件内的变量时，最好先判断输出函数是否定义，再输出，否则很容易引起报错。
javascript实现把input password的默认的黑圆点变成“*”号，并保存输入值
@奮 鬥@的专栏
01-25 8834
asdf       $(document).ready(function () {         var i = 0;         var value="";         $("#txtCustomsCode").keyup(function (e) {//给所需要处理的文本框处理keyUp事件              e = e || window.event;
[html] 写一个密码默认星号，但可以查看密码的输入框
歌谣的博客
03-22 1031
[html] 写一个密码默认星号，但可以查看密码的输入框 <i class="icon-password"></i> <input type="text" v-if="pwdType" v-model="eyeTxt" /> <input type="password" placeholder="输入新密码" v-model="eyeTxt" v-else /> <img :src="seen ? seenImg : unseenImg" @click
html input密码显示为“*”
热门推荐
happy59的专栏
08-12 1万+
*{margin:0;padding:0} input{font:14px Monospace;height:20px;width:160px;} label{display:inline-block;width:100px;height:20px;} #pass{position:absolute;left:100px;top:0;opacity:0;filter:alpha(opacit
HTML里怎么设置密码框为星号,input密码框输入后设置显示为星号或其他样式
weixin_39709178的博客
06-27 5166
预览效果核心代码{{"*".repeat(text.length)}}:type="type=='number'?'tel':'text'"ref="inputText":style="[star?'':{paddingLeft:'5px'},right?{textAlign:'right'}:'']":class="['text',className]"v-model="value"@keyup...
html密码框字数限制,html input密码显示为“*”
weixin_39615984的博客
05-30 1100
1. 功能需求：HTML中,在input password输入框中输入字符将默认显示为“实体圆点”，但这里要求将实体圆点字符替换成“*”号显示。2. 局限：鼠标光标非IE浏览器不一定显示，选择多个字符时未有视觉上的区分，功能没有影响；不支持中文输入。3. 实现：通过两个input框实现，设置字符字体为等宽字体；其中真正的密码输入框设置为透明且遮盖住另一输入框，将非密码输入框的字符依密码字符串的多少...
v-model --双向数据绑定
qq_45802159的博客
01-03 3393
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
HTML5密码输入框最新Demo 下载
05-19
本教程将详细介绍HTML5密码输入框的最新特性，以及如何实现显示与隐藏密码的功能。 在传统的HTML4中，密码输入框通常通过`<input type="password">`来创建。用户输入的内容会被遮蔽，以星号或圆点显示，保护用户...
网页自动填表——文本输入框及多行文本输入框
05-25
与单行文本输入框类似，用户需要在多行文本输入框中手动输入大段文字，但当用户需要在多个平台上重复这一过程时，使用自动操作工具进行自动填写就显得尤为重要。设置自动操作工具时，基本步骤与文本输入框大同小异，...
输入密码时显示隐藏CSS3特效
04-06
本话题聚焦于一个常见的交互元素——“输入密码时显示隐藏CSS3特效”。这个特效是利用JavaScript（js）和层叠样式表（CSS3）来实现的一种功能，它允许用户在输入密码时切换显示或隐藏状态，提升用户在输入敏感信息时...
JavaScript仿支付宝密码输入框
10-23
这个仿制的密码输入框不仅仅是外观上的模仿，还包括了密码输入时的行为逻辑，以及对应的键盘响应机制。 首先，我们通过设置一个`div`标签，内部包含5个`input`输入框来构建基本的HTML结构。每一个`input`元素都被...
在html前端页面中密码输入框，输入一个字符显示明文，过一秒后再变*号的效果如何用js实现
12-10
在html前端页面中密码输入框，输入一个字符显示明文，过一秒后再变*号的效果如何用js实现
黑点密码查看
11-03
将软件上的放大镜放在黑点密码上就可以看到密码了哦
html显示密码的代码是什么,单击显示密码.html
weixin_26801149的博客
06-09 1788
Document.box {width: 400px;border-bottom: 1px solid #ccc;margin: 100px auto;position: relative;}.box input {width: 370px;height: 30px;border: 0;outline: none;}.box img {position: absolute;width: 24px;...
密码输入框(默认六位 [*] [*] [*] [*] [*] [*])
skyyanyujiangnan的博客
07-19 614
/** * 密码输入框(默认六位 [] [] [] [] [] []) * * @author xiely. * @date 17/07/19. */
input type="number" 输入框显示圆点
xiejunna的博客
01-26 7429
为了实现密码输入框，输入数字时也显示圆点，可以用-webkit-text-security:disc;text-security:disc;属性。 语法： text-security: circle | disc | none | square; -webkit-text-security: circle | disc | none | square; //当type="password"
FireFox下placeholder设置
lu900618的专栏
11-14 1506
<style> /* chrome */ input::-webkit-input-placeholder { color: #fff; line-height: 50px; } /* Firefox旧版本*/ input:-moz-placeholder { color: #fff; line-height: 5
html form在POST时，input中的'.'变成了'_'
hnyzyty的专栏
01-05 634
遇到了一个抽风问题： 在开发订单系统时，遇到这这样一个问题，从网页post回来的数据与数据库的不能匹配，盘查后发现，是post回来的‘.'变成了‘_’。 如，1.23 post回来就变成了 1_23，因此在数据库里匹配不到期望的记录。 解决办法： 没有找到原因。。因此只能指标不治本地解决——遇到‘_’时给它变成'.'。幸好'_'没有被用到，这种方法才得以奏效。 求大神指点。
黑圆点密码怎么查看
天马行空的创作中心
07-26 1万+
有时候我们会想要知道输入密码存进的黑圆点密码是什么？ 有2种方式： 1、打开登录页面，选中密码框，右键检查 找到input 标签里的type=”password” 删除或更改就可以了 2、第二种方法就是浏览器，设置的–高级–管理密码–输入电脑开机密码 ...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

宇宙超级无敌程序媛

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值