html密码框密码如何隐藏,webAPI: 密码框的密码显示和隐藏的功能

[JavaScript] 纯文本查看复制代码

Document

.box {

position: relative;

width: 400px;

border-bottom: 1px solid #ccc;

margin: 100px auto;

}

.box input {

width: 370px;

height: 30px;

border: 0;

outline: none;

}

.box img {

position: absolute;

top: 2px;

right: 2px;

width: 24px;

}

// 1. 获取元素

var eye = document.getElementById('eye');

var pwd = document.getElementById('pwd');

// 2. 注册事件处理程序

var flag = 0;

eye.onclick = function() {

// 点击一次之后， flag 一定要变化

if (flag == 0) {

pwd.type = 'text';

eye.src = 'images/open.png';

flag = 1; // 赋值操作

} else {

pwd.type = 'password';

eye.src = 'images/close.png';

flag = 0;

}

html密码框密码如何隐藏,webAPI: 密码框的密码显示和隐藏的功能相关推荐

html行内元素隐藏,使用v-show v-if 设置元素显示和隐藏
一丶一般情况我们可以设置元素的display属性来控制元素显示和隐藏 display: none; //元素不会显示 display: block; //显示为块级元素,元素后面带有换行符 dis ...
html中怎么实现广告自动出来又自动隐藏?,基于jquery实现的定时显示与隐藏div广告的实现代码...
基于jquery实现的定时显示与隐藏div广告的实现代码下面我给大家分享我的方法: 在jquery中要显示与隐藏层是很简单的直接使用hide与show方法就可以了,但要定时我们需要利用setTime ...
vue 左侧菜单隐藏_vue.js 左侧二级菜单显示与隐藏切换的实例代码?
郎朗坤废话不多说了,直接给大家贴代码了,完整代码: vue点击切换显示隐藏 {{item.name}} {{subItem.name}} 以上所述是小编给大家介绍的vue.js 左侧二级菜单显示与隐 ...
android 键盘隐藏监听,Android监听键盘显示和隐藏
问题概况:横板cocos2dx游戏,点击输入框弹出键盘时,界面要求跟随网上平易,不能挡住输入框.这种问题只出现在非全屏键盘到情况下. 方案1:mainActivity重写onconfiguration ...
html 隐藏鼠标指针,电脑怎么设置显示或者隐藏鼠标指针轨迹？
在鼠标的使用过程中,如何显示或者隐藏鼠标在移动的过程中的移动轨迹.以下将介绍如何进行操作来显示或隐藏鼠标的轨迹. 1.在介绍之前,打开电脑.然后单击电脑左下角的开始按钮,之后便会出现以下界面.紧接着单 ...
HTML鼠标悬停显示隐藏div,JQ实现鼠标悬停显示或隐藏DIV层
$(document).ready(function(){ $("#div1").hide(); //先将层隐藏起来 var canHide = false; //标记是否可隐 ...
html二级菜单显示与隐藏,Vue实现二级菜单的显示与隐藏
Vue实现二级菜单的显示与隐藏 *{ padding: 0; margin: 0; font-size: 14px; } ul{ width: 200px; height: auto; } h2{ b ...
vue 左侧菜单隐藏_vue.js 左侧二级菜单显示与隐藏切换的实例代码
vue点击切换显示隐藏 *{ padding: 0; margin: 0; font-size: 14px; } ul{ width: 200px; height: auto; } h2{ backg ...
html中元素的隐藏，以及用jquery来显示和隐藏元素
添加一个属性:style="display:none;" <td id="tdTest" style="display:none;"& ...
html div隐藏实例,js实现div延迟显示、隐藏实例
下面代码演示了通过js实现延迟显示div,关键的地方在于style.display值的控制,style.display='block' 为显示div,而当style.display='none' 时为 ...

html密码框密码如何隐藏,webAPI: 密码框的密码显示和隐藏的功能

html密码框密码如何隐藏,webAPI: 密码框的密码显示和隐藏的功能相关推荐

最新文章

热门文章