html密码框怎么添加文字,JavaScript_密码框显示提示文字jquery示例，复制代码 代码如下: <html> - phpStudy...

于 2021-06-20 03:49:28 发布
阅读量278 收藏
点赞数
文章标签： html密码框怎么添加文字

密码框显示提示文字jquery示例

登录

$(document).ready(function(){

$(".text_login").focus(function(){

if($(this).val()=='user name' || $(this).val()=='password'){

$(this).val('');

}

if($(this).attr('id')=='password1'){

$(this).hide();

$('#password2').show();

$('#password2').focus();

}

});

$(".text_login").blur(function(){

if($(this).attr('id')=='password2' && $(this).val()==''){

$(this).hide();

$('#password1').show();

$('#password1').val('password');

}

else if($(this).attr('id')=='uname' && $(this).val()=='' ){

$(this).val('user name');

}

});

});

相关阅读:

在mac下安装mysql二进制分发版的方法(不是dmg的)

css3 自定义字体font-face使用介绍

jsp获取action传来的session和session清空以及判断

jQuery实现Email邮箱地址自动补全功能代码

ASP.NET笔记之 图库权限设置的方法

详解C语言中index()函数和rindex()函数的用法

如何查看Win10自带应用的大小看看它们占了多少空间

mysql load data infile 的用法(40w数据 用了3-5秒导进mysql)

Android中解决EditText放到popupWindow中，原有复制、粘贴、全选、选择功能失效问题

Windows7系统中利用数字键盘来代替鼠标小技巧

c#自带缓存使用方法 c#移除清理缓存

Linux系统修改环境变量PATH的技巧图解

AngularJS入门(用ng-repeat指令实现循环输出

如何让DIV可编辑、可拖动示例代码

程衮菇
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端实现input标签输入框密码框显示文字效果
weixin_44566194的博客
08-27 3922
思路：采用 input 标签，给它设置CSS样式，这里本人将两个input标签放在同一行，并且希望两个input标签中间的间隙能够设置，想到了利用浮动 float 的知识，给第一个标签添加左浮动，同时要给父盒子的 font-size 设定为 0;利用JavaScript 的 DOM 事件知识，先获取元素，后注册事件（函数），利用 if 语句判断，点击 input 框（注册鼠标事件 onfocus）就显示 空字符串，并改变文本框的边框（border）颜色，原先的文本框颜色设置为#999；......
v-model --双向数据绑定
qq_45802159的博客
01-03 3179
<!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-...
js-仿京东显示隐藏密码
qq_41670147的博客
11-21 1097
<!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-...
html密码框输入内容隐藏,密码框显示提示文字的功能实现
weixin_31092009的博客
06-03 2786
在密码输入框内显示提示的文字，引导用户操作，实现的效果如下图显示。未输入密码前：输入密码后：由于js无法直接控制input文本框中的type属性，因此无法通过js控制input文本框在密码框和普通文本框之间转换。这里的实现原理为用两个文本框，一个文本框用于未输入密码前显示输入密码的提示文字，一个文本框用于用户操作输入密码(初始状态为隐藏)，当用户点击输入密码提示文字的文本框时，隐藏此文本框，显示密...
HTML5表单中password输入框的文字显示与隐藏实现
热门推荐
Mr_厚厚的博客
03-11 10万+
HTML5表单中对于密码输入框password类型可以隐藏用户输入的内容，但有时候会用到允许用户自由显示或者隐藏输入框内容： 要实现这个功能首先想到的是用js动态改变input的type类型，觉得将type = password变成type = text隐藏的密码就会显示，但是实际上却实现不了，没有效果，所以，只能换一个思路：放两个input，一个是password，一个是text，共同监
php5.6.9可用yaf扩展下载phpstudy小皮面板php_yaf.dll
12-26
将php_yaf.dll放置于phpstudy的PHP路径下。 D:\phpstudy_pro\Extensions\php\5.6.9nts\ext 如果没有就看一下php.ini里有没有yaf 如果没有在最下方加上extension=php_yaf.dll
phpStudy_64.zip
07-06
“安装路径不能包含中文或空格.txt”这个文件提示用户在安装PHPStudy时，应避免使用包含中文字符或空格的路径，因为这可能导致程序运行出错或者兼容性问题。遵循这一规则可以确保程序的稳定运行。 “phpstudy官网...
php7.3.4可用yaf扩展下载phpstudy小皮面板php_yaf.dll（亲测100%可用）
04-09
安装说明： 把php_yaf.dll放置于phpstudy小皮面板PHP路径下。 例如D:\phpstudy_pro\Extensions\php\php7.3.4nts\ext 在小皮面板，网站—管理—php扩展—选择yaf 或者在php.ini手动加上extension=yaf
phpstudy_pro.zip
04-19
phpStudy是一个PHP调试环境的程序集成包。该程序包集成最新的Apache+PHP+MySQL+phpMyAdmin+ZendOptimizer，一次性安装，无须配置即可使用，是非常方便、好用的PHP调试环境。该程序不仅包括PHP调试环境，还包括了开发...
phpstudy-x86-8.1.1.2.exe phpstudy V8
04-14
在实际使用中，PHPStudy V8的压缩包"phpStudy_32"包含了所有必要的组件和配置文件。解压后，用户只需按照安装向导的指示进行操作，即可快速建立一个完整的PHP开发环境。值得注意的是，"phpStudy_32"表明这个版本是...
html里输入框和密码框的提示文字怎么弄
weixin_34008784的博客
05-30 3078
HTML5 新增属性，浏览器版本低于IE8应该不支持 placeholder 属性 placeholder 属性规定用以描述输入字段预期值的提示（样本值或有关格式的简短描述）。 该提示会在用户输入值之前显示在输入字段中。 使用方法： <input type="text" name="name" placeholder="请输入您的姓名"> 转载于:https://ww...
密码框的明密文(显示和隐藏) 显示
皮卡丘の开发之路
12-19 5万+
最近在写一个新的项目,从头开始写,所以就要从注册登录开始做起.以前写登录注册模块的时候,无外乎给input框一个type=”password”就可以了,近期因为要涉及到显示隐藏状态的切换. 样式代码如下: 注: 1.样式展示(): ul> li class="phone bgImg"> input type="text" id="phone" maxlengt
input标签type为password,html中明文显示内容
weixin_42645517的博客
11-18 2482
input标签type为password时，html中明文显示内容 处理方式： 1.不给input传value属性或者value=’’ 2.通过dom给input标签的value赋值，document.getElementsByTagName(‘input’).value=‘123456’ 3.通过dom移除input标签的value属性，document.getElementsByTagName(‘input’).removeAttribute(“value”) ...
html默认提示效果,HTML表单密码框里的默认提示信息效果代码
weixin_35078004的博客
06-03 235
密码框提示信息// JScript 文件function getStar(control,logValue,txt){if(control.value==logValue){control.value="";control.style.color="black";if(control.type=="text"){control.style.display = "none";document.get...
html密码框中加提示,JavaScript如何实现在文本框(密码框)输入提示语
weixin_35382961的博客
06-02 975
有时候我们需要在登陆表单有一些提示语言，比如“请输入用户名”和“请输入密码”等语言，至于用户名好说，但是在密码框中出现“请输入密码”这样的语言就有点麻烦了，因为在密码框输入的内容不会以明码显示。如果动态的控制type属性的话就有兼容性问题，如果input已经存在于页面中的话，在IE8和IE8以下浏览器中，type属性是只读的。所以就得想其他办法，代码如下:脚本之家#tx{width:100px;}...
html密码输错提示框咋写,【经验】密码输入框文字提示实现
weixin_42430341的博客
06-04 4170
最近在写一个登陆页面，遇到了下面样式账号和验证码都好说，关键是密码，一般我们写密码对于高版本的ie和谷歌这样写完全是可以的，但是对于ie7，ie8就会显示成因为ie7，ie8不兼容placeholder属性，所以，“密码”根本显示不出来，于是在网上找了很多方法都没有很好的解决，于是请教了经验丰富的同事，在她的点拨下做出来了，在此分享给大家。方法：写两个input，一个类型是text,一个类型是pa...
html密码框输入内容隐藏,HTML5表单中password输入框的文字显示与隐藏实现
weixin_33397994的博客
06-03 1854
@问题描述与思路HTML5表单中对于密码输入框password类型可以隐藏用户输入的内容，但有时候会用到允许用户自由显示或者隐藏输入框内容：要实现这个功能首先想到的是用js动态改变input的type类型，觉得将type=password变成type=text隐藏的密码就会显示，但是实际上却实现不了，没有效果，所以，只能换一个思路：放两个input，一个是password，一个是text，...
【代码笔记】HTML+CSS+JavaScript实现密码输入框显示文字
NewStar的博客
07-29 8037
原理： 通过设置一个input为password，默认display为none，再设置一个input为text设置为block，利用js脚本控制显隐。 具体思路： 给type类型为text的输入框加一个点击事件，点击事件是设置text类型输入框的display为none，设置password类型输入框为block，并获取焦点。 给type类型为password的输入框加一个失去焦点事件，失
js 没错也报错怎么办_javascript,_为什么我的js代码没有报错，但是网页中显示不出效果，javascript - phpStudy...
最新发布
06-11
出现这种情况可能是因为你的代码存在语法问题或逻辑错误，但是并没有被浏览器或编辑器检测出来。为了解决这个问题，你可以尝试以下几个步骤： 1. 使用浏览器的开发者工具检查控制台是否有报错信息，如果有，根据...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值