input text 框当密码框使用（火狐下有默认值的bug）

最新推荐文章于 2024-06-04 09:56:19 发布
最新推荐文章于 2024-06-04 09:56:19 发布
阅读量251 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://yq.aliyun.com/articles/20769
版权
<!DOCTYPE html>
<html>


<head>
<meta charset="utf-8" />
<title> </title>
<meta content="initial-scale=1.0,maximum-scale=1.0,width=device-width" name="viewport">
<meta name="apple-touch-fullscreen" content="YES">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta http-equiv="expires" content="0">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<link rel="stylesheet" href="css/reset.css" />
<style type="text/css">
#main {
border: 1px solid red;
width: 90%;
height: 100%;
margin: 0 auto;
}
.hearder {
margin: 20px 0px;
font-size: 14px;
font-weight: bold;
color: red;
}
.dd {
color: red;
width: 200px;
height: 100px;
text-align: right;
}
input {
width: 200px;
height: 50px;
margin: 0 20px;
}
</style>
</head>


<body>
<input type="text" id="Password1" name="Password1" value="密码(6-16位字母数字组合)" maxlength="30" />
<input type="text" name="password2" id="Password2" value="确认密码" />
<script type="text/javascript">
$('#Password1').on('focus',function(){
if($(this).val()=='密码(6-16位字母数字组合)'){
$(this).val('');
$(this).attr('type','password');

}
    });
  $('#Password1').on('blur',function(){
if($(this).val()==''){
$(this).val('密码(6-16位字母数字组合)');
$(this).attr('type','text');
}
    });
    $('#Password2').on('focus',function(){
if($(this).val()=='确认密码'){
$(this).val('');
$(this).attr('type','password');
}
    });
  $('#Password2').on('blur',function(){
if($(this).val()==''){
$(this).val('确认密码');
$(this).attr('type','text');
}
    });
</script>
</body>


</html>






解决办法就是：在前面加input 元素，只有第一个有默认值

weixin_33970449
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用text类型的文本输入框模拟password类型的密码输入框
小鹿不在林间的博客
02-24 4114
项目开发中要求不能使用password类型的密码输入框该怎么做？ 最近有个项目，在做登录模块时，要求不让使用password类型的密码输入框，是为了防止报安全问题，因为password类型的密码输入框，容易被浏览器记住密码，很不安全。我在网上找了几种方法，效果也都不尽人意，那么在密码输入这一块，大家都是怎么做的呢？ 在网上找了好几种方法，效果也都不尽人意... 1.动态切换type类型（会报安全问题） 初始时将输入框type类型设置为text，当文本框聚焦时，将type类型改为password，失去
模仿password输入框
weixin_34315665的博客
06-06 606
function hiddenPass(event) { var password0 = document.getElementById("password0"); var password1 = document.getElementById("password1"); if (event.keyCode == 13) { } var keycode; if ...
探秘text-security：密码保护的新型文本显示方案
最新发布
gitblog_00047的博客
06-04 477
探秘text-security：密码保护的新型文本显示方案 text-securityCross-browser alternative to -webkit-text-security项目地址:https://gitcode.com/gh_mirrors/te/text-security 在数字时代，安全与隐私成为每个用户的关注点，尤其是在处理敏感信息时。为了提供一种灵活且创新的安全展示手段，...
vue禁止浏览器记住密码：使用文本输入框作为密码控件，将输入字符自动转换为*星号，避开浏览器提示保存明文密码的功能，输入框可键入删除复制粘贴替换。Vue、JS
weixin_43185419的博客
11-01 2875
本文针对禁止浏览器记住密码、自动填充的功能使用的方法是： 不使用type为password的输入框，全程使用type=”text“的文本输入框，根据每次输入值替换文本框内容为星号 “*” 或者 小圆点 “·”（中文）。 可以复制粘贴密码，可选中替换。
文本框账号密码输入
可上青天揽明月,可下五洋去捉鳖.
09-03 401
账户: 密码:
DWZ富客户端框架使用手册
热门推荐
C & JAVA专栏
10-19 1万+
DWZ 富客户端框架(jQuery RIA framework), 是中国人自己开发的基于 jQuery 实现的 Ajax RIA 开源框架. DWZ 富客户端框架设计目标是 简单实用、扩展方便、快速开发、RIA  思路、轻量级 DWZ 框架支持用 html 扩展的方式来代替 javascript 代码, 只要懂 html 语法, 再参考 DWZ 使用手册就可以做 ajax 开发.
前端非框架类知识点汇总
weixin_46044936的博客
07-26 2442
html单词库 <link rel="stylesheet" href="css文件路径">css引入 <iframe src="danghang.html" width="100%" height="310px" frameborder="0"></iframe> 图片标签： img src="" title="" alt="" src属性 是指图像文件路径 alt属性 是在图片加载不出来时替换成文本 title属性 是在鼠标悬停的时候显示 srcset属性 是在不
Mozilla FireFox Gecko内核源代码解析(4.nsHTMLTokens)
计算所信息抽取小组专栏
08-22 8584
Mozilla FireFox Gecko内核源代码解析 （4.nsHTMLTokens） 中科院计算技术研究所网络数据科学与工程研究中心 信息抽取小组 耿耘 gengyun@sohu.com 之前我们分析了nsHTMLTokenizer（详见其解析篇），其中我们了解到了，其中设计了如何配合 nsScanner对输入流循环地解析流程，如怎么进行回溯等流式操作。实际上其中并没有包含具体的
Mozilla FireFox Gecko内核源代码解析(1.nsParser)
计算所信息抽取小组专栏
12-30 1万+
Mozilla FireFox Gecko内核源代码解析 (1.nsParser) 中科院计算技术研究所网络数据科学与工程研究中心-信息抽取小组 耿耘 gengyun@sohu.com 前言: 在Web信息抽取的工作过程中，我们主要处理的都是经过各种处理HTML格式文档，而无论是DOM方式还是视觉方式的信息抽取，都需要对HTML进行解析，而最标准的解析器莫过于浏览器内核引擎，因此，对于
vite加密打包插件(vite-plugin-javascript-obfuscator)选项(option)详解
一起学习
04-27 944
本文主要介绍vite加密打包插件(vite-plugin-javascript-obfuscator)选项(option)。
模仿password输入框的实现代码
09-02
下面小编就为大家带来一篇模仿password输入框的实现代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
解决chrome、Firefox会密码框填充(type=’password’)问题
01-08
我的项目使用的是elementUI，在做登录的时候遇到在chrome上密码框自动填充和手动填充的问题 chrome填充样式： 我们需要去掉这个烦人的东西， 网上说的解决办法：一部分加属性 auto-complete=“new-password” ， 另一部分auto-complete=“off” ，但是这两种属性根本不起作用 然后 解决办法： 来了 使用 input 的属性 readonly 解决，直接贴代码 :readonly=“readonly” @blur=“readonly = true” @click.native=“readonly = false” 刚开始的时候让密码框为只读状
密码输入框（暗文输入）
qq_42822993的博客
09-24 1369
密码输入框（暗文输入） 一、暗文与明文 密码框实际上就是一个设置了type属性 的 input标签 明文输入：<input type="text"> 暗文输入：<input type="password"> 二、效果 三、代码 明文<input type="text"> <br> 暗文<input type="password"> 四、扩展 常用的type属性取值还有 type 效果 radio 单选框
模拟input 密码框效果 （中文输入法处理）
qq_31620497的博客
05-21 1197
inputPwd: (function () { var map = {}; function inputPwd(el) { // var $el = $(el); // var key = $el.attr('input-pwd'); // map[key] = $el; this.el = el; this.initInput(); }.
JavaFX桌面应用开发-Text、PasswordField、Label（文本 密码 标签组件）
hujyhfwfh2的博客
04-07 1623
1：Text-文本输入组件的基本使用 功能：输入文本信息 1.1：代码实现与想象 package application; import javafx.application.Application; import javafx.scene.Group; import javafx.scene.Scene; import javafx.scene.control.TextField; im...
表单元素input type类型为text在火狐浏览器下默认显示红色边框的处理办法
xuehu837769474的博客
08-02 2195
在样式表里设置样式 input[required]:invalid, input:focus:invalid, textarea[required]:invalid, textarea:focus:invalid { box-shadow: none; } 想要整理更多的碎片知识，扫码关注下面的公众号，让我们在哪里接着唠！ ...
不使用type=password类型将输入框内容替换为密文
gs981600308的博客
07-03 2130
因为使用type=password类型会使浏览器提示是否记住密码，可能会导致密码被记住丢失； input { -webkit-text-security: none; } input { -webkit-text-security: circle; } input { -webkit-text-security: square; } input { text-security: disc; /* Default */ } -webkit-text-security:指定要使用的形状来代替文字的显示。
EditText -- password 与 text InputType 转换
jiahuan
05-26 724
EditTextView mETInput; boolean isPSWHidden = true; ....... // InputType.TYPE_TEXT_VARIATION_VISIBLE_PASSWORD 正常文本 // InputType.TYPE_CLASS_TEXT | InputType.TYPE_TEXT_VARIATION_PASSWORD 隐藏文本 mETInput.se
vue如何控制input框内有默认值
04-18
你可以使用v-model指令来绑定输入框的值，并在data对象中设置默认值。例如： ``` <input type="text" v-model="message"> export default { data() { return { message: '默认值' } } } ``` 在上面...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值