JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果
作者：yexingwen 发布时间：2024-04-10 10:50:20
标签：JS,密码框,焦点,文字
本文实例讲述了JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果。分享给大家供大家参考，具体如下：
思路：
1、首先用把密码框用txt暂时替代，并赋上默认值 <input type="text" value="请输入密码" />
2、当文本框获取焦点后，把默认值清空，把type改为password。
3、当文本框失去焦点后，把type改为txt，把默认值设为“请输入密码”。
JS代码：
window.onload=function(){
var input=document.getElementById('input');
input.onfocus=function(){
if(this.value=='请输入密码'){
this.value='';
this.type='password';
};
};
input.onblur=function(){
if(!this.value){
this.type = 'text';
this.value = '请输入密码';
};
};
};
HTML代码：
<input type="text" value="请输入密码" id="input" />
希望本文所述对大家JavaScript程序设计有所帮助。
0
投稿猜你喜欢
- 在进行浮动布局时，大多数人都深知，在必要的地方进行浮动清理：<div style="clear:both;">
- 刚开始进入页面，当滚动向下超过原屏的时候。右侧会出现一个“返回顶部”的按钮。这个按钮会跟这网页一起向上向下，当滚动到顶部的时候。“返回顶部”
- 一，什么是mycat一个彻底开源的，面向企业应用开发的大数据库集群支持事务、ACID、可以替代MySQL的加强版数据库一个可以视为MySQL
ImageDraw模块提供了图像对象的简单2D绘制。用户可以使用这个模块创建新的图像，注释或润饰已存在图像，为web应用实时产生各种图形。P- fileno()方法返回所使用的底层实现，要求从操作系统I/O操作的整数文件描述符。语法以下是fileno()方法的语法：fil
- 每次在"万达影城"网上购票总会用到左上角选择城市的功能。如下：今天就在ASP.NET MVC中实现一下。我想最好的方式应
- 密码学俱乐部的第一条规则是：永远不要自己发明密码系统。密码学俱乐部的第二条规则是：永远不要自己实现密码系统：在现实世界中，在实现以及设计密码
- 在安装wordpress的时候，按照里面的readme.html的步骤进行安装，但是在访问wp-admin/install.php的时候就出
- QWidget基本介绍基础窗口控件QWidget类是所有用户界面对象的基类，所有的窗口或者控件都直接或者间接的继承自QWidget类。窗口坐
- 本文以实例简单解析了php多任务程序的实现方法，具体代码如下：<?phperror_reporting(E_ALL);set_time
- 在IE下测试，发现最大值是：18014398509481984（0x40000000000000）另外发现一个奇怪的问题：JS世界居然不存在
- blur事件在元素失去焦点时触发。在一些jquery的教程、api手册等上面对blur事件，提供了一个错误的例子，就是关于p标签失去焦点的问
- 如下所示：plt.title("Feature importances", fontsize=30)plt.xticks
- 定义字典 dic = {'a':"hello",'b':"how",
- 观看本文前最好有一定的Linux命令基础，具体为centos7.3环境中清除使用yum安装的Mysql卸载前请先关闭Mysql服务servi
- 本文实例为大家分享了python如何删除文件中重复字段的具体代码，供大家参考，具体内容如下原文件内容放在list中，新文件内容按行查找，如果
- 在大学，有很多喜欢的课是需要抢的。但是，这个课的人数和座位都是有限的，今天这个教程教你如何抢到座位，有座位了还怕听不到课吗？赶紧学起来吧，真
- Inserted 表中的行是触发器表中新行的副本。 语法 返回所有列 INSERT INTO [tableName] ([columnNam
- 前言python中图像处理相关库有很多，这里简单介绍PIL、cv2、scipy.imageio 、matplotlib.image、skim
- 一、关闭数据库[oracle@RHEL5]$sqlplus / as sysdba SQL>shutdown immediate; 二
