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
投稿猜你喜欢
- 初始化array实例化可以提供一个参数来描述允许那种数据类型，还可以有一个初始的数据序列存储在数组中。import arrayimport
- 1 包简介1.1 工作空间go语言的工作空间必须由 bin、pkg、src三个目录组成,可以在GOPATH环境变量中添加多个工作空间，但不能
- 独立 fmt Log输出重定向golang的fmt包的输出函数 Println、Printf、PrintStack等，默认将打印输出到os.
- 首先为大家分享python实现发送手机短信验证码后台方法，供大家参考，具体内容如下1、生成4位数字验证码def createPhoneCod
- 今天我上网站的管理后台，登录时提示MySQL error:Can't create/write to file '#sql_
- 核心代码由于HttpServletRequest不能直接取出文件数据，所以将其强制转换为MultipartHttpServletReques
- Lambda函数，即Lambda 表达式(lambda expression)，是一个匿名函数（不存在函数名的函数），Lambda表达式基于
- 1.库的操作查看当前mysql数据库下默认有哪些库show databases;创建一个库 create database database
- 最简单的数组合并我们只要使用array_merge即可array_merge()将两个或多个数组的单元合并起来，一个数组中的值附加在前一个数
使用的这么长时间的mysql，有一天我突然需要使用mysql 的配置文件my.ini时发现没有这个文件并且这个文件不是被隐藏了。查看自己的m- 本文讲解了一个使用XML技术上传文件的例子，使用该方法没有传统方法中的种种限制。 这个例子讲述了如何使用MSXML3.0和ADO Strea
- Django 是由 Python 开发的一个免费的开源网站框架，可以用于快速搭建高性能，优雅的网站！学习django学得超级吃力
- Python Socket模块中包含一些有用IP转换函数，说明如下：socket.ntohl(x) // 类似于
- 代码如下：<SCRIPT LANGUAGE="JavaScript"> <!-- //说明:这里用了M
- 有两个服务器，装了两个数据库，一个是主的，一个是备用的，下面的的功能就将主数据库的数据库，实时同步到备份数据库上，使他们的数据内容，基本上保
- 1. Scrapy简介Scrapy是一个为了爬取网站数据，提取结构性数据而编写的应用框架。 可以应用在包括数据挖掘，信息处理或存储历史数据等
- 1、Case 子查询连接查询select * from score create database demo use demo create
- 01前言数据是数据科学中任何分析的关键，大多数分析中最常用的数据集类型是存储在逗号分隔值(csv)表中的干净数据。然而，由于可移植文档格式(
- 今天使用ab（apacheBench）测试了一下beego的性能。3Kbytes动态文件，在i3上可以达到每秒1W次响应的性能。但是在测试静
- 缩略图在很多时候我们都需要将图片按照同比例缩小有利于存储 但是一张张手动去改的话太麻烦了 今天我们就用python实现一个简单的将一个文件夹
