关于input标签,密码输入保存的一些问题!

yangduan1 yangduan1 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区

直接上代码不啰嗦!

<style>.input-box {
width: 210px;
height: 28px;
border-bottom: 1px solid #ccc;
text-indent: 6px;
font-size: 14px;
font-family: "微软雅黑";
line-height: 28px;
color: #ccc;
margin-top: 8px;
margin-left: 22px;
}</style>
<div class="intermediate_input_box">
<input type="text" id="mobile" name="mobile" class="input-box" value="请输入手机号或邮箱" onfocus="if(this.value=='请输入手机号或邮箱'){this.value=''};this.style.color='black';" onblur="if(this.value==''||this.value=='请输入手机号或邮箱'){this.value='请输入手机号或邮箱';this.style.color='#cccccc';}">
<input type="text" id="password_txt" class="input-box" value="密码" onclick="changetxt()">
<input type="password" id="password" class="input-box" onclick="changepassword()" style="display:none;" onfocus="if(this.value==''){this.value=''};this.style.color='black';" onblur="if(this.value==''||this.value==''){this.value='';this.style.color='#cccccc';}" >
</div>
<script type="text/javascript">
function changetxt()
{
objtxt=document.getElementById('password_txt');
objpassword=document.getElementById('password');
objtxt.style.display='none';
objpassword.style.display='';
objpassword.focus();
}
function changepassword()
{
objtxt=document.getElementById('password_txt');
objpassword=document.getElementById('password');
if(objpassword.value=='')
{
objtxt.style.display='';
objpassword.style.display='none';
objtxt.value='密码';
}
}
</script>
因为我这是采用点击事件获取后面的密码框,新手不太懂,因为自动保存密码了,第二次打开软件,一米已经保存但是由于时间没有触发,还是显示第一个状态,所以现在想在后台保存数据的同时可以直接显示密码框状态2,怎么写才可以实现。

...全文

相关推荐

vue实现个人信息查看和密码修改功能

本文通过实例代码给大家介绍了vue实现个人信息查看和密码修改功能,文中给大家补充介绍了vue实现密码显示隐藏切换功能,非常不错,具有一定的参考借鉴价值,感兴趣的朋友一起看看吧

weixin_38555019

spring+html5实现安全传输随机数字密码键盘

主要为大家详细介绍了spring html5实现安全传输随机数字密码键盘,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

weixin_38603204

el-input 标签中密码的显示和隐藏功能的实例代码

本文通过实例代码给大家介绍了el-input 标签中密码的显示和隐藏 ,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

weixin_38514805

js input 密码只能输入数字或字母

有好多人会遇到注册或者登陆密码时要求只能入数字或者字母,不能出现其他符号什么的,我这是在用apicloud工具开发遇到的小问题,所以发出来给其他人可能会遇到这个问题的人

ye930805

详解elementUI中input框无法输入的问题

最近发现别人项目中在输入密码的时候发现input框无法输入进去 键盘都快敲坏了还是无法输入 通过各种排查、还是无法解决这个问题 后面无意中发现 elementUI中@input事件可以拿到当前的输入的值 问题找到了 视图没有更新的问题 那么怎么解决了  刷新通过this.$forceUpdate() 可以解决这个问题 这样的话这个问题就解决了  原因可能是由于组件嵌套太深(不是很了解为啥出现这个问题有没有大神解释一波 ) 到此这篇关于详解elementUI中input框无法输入的问题的文章就介绍到这了,更多相关element input无法输入内容请搜索软件开发网以前的文章或继续浏览下面

weixin_38560797
评论 5
收藏 已收藏
分享
返回顶部
yangduan1
JavaScript 87,983 成员 224,681 内容