input 显示/隐藏密码

js代码：

// 显示/隐藏密码
$(‘.open‘).on(‘click‘,function(){
  if($("#psw").prop(‘type‘)==‘password‘){
    $("#psw").prop(‘type‘,‘text‘);
  }else{
    $("#psw").prop(‘type‘,‘password‘);
  }
});

时间： 2024-08-28 15:08:56

input 显示/隐藏密码的相关文章

checkbox选中selec才可选和显示隐藏密码

学了一个多月,感觉真正开始理解点js了,现在功能都能自己写出来不用问别人,比较开心啦! 1 checkbox选中selec才可选,否则禁用 document.addEventListener('click',function(evt){ if(evt.target.matches("#check")) { var checkbox = document.getElementById("check"); //checkbox if(checkbox.checked==

js点击显示隐藏密码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

vue+element-ui实现显示隐藏密码

<template> <el-form :model="cuser_info" label-width="115px" label-position="left" > <el-row :gutter="20"> <el-col :span="24"> <el-form-item v-if="visible2" label="

JS控制文本框中的密码显示/隐藏功能

<html> <head> <title>[荐]JS控制文本框中的密码显示/隐藏功能_网页代码站(www.6a8a.com)</title> <style> body,input{font:menu} </style> </head> <body> <form method="POST" action="addcheck.asp" name="forms&

EditTextPreference点击后输入框显示隐藏内容，类似密码输入(转)

http://bbs.anzhuo.cn/thread-928131-1-1.html EditTextPreference点击后输入框显示隐藏内容,类似密码输入... [复制链接] askilledhand ADD.幼儿园 UID 2186431 帖子 46 精华 0 积分 34 最后登录 2014-3-5 串个门加好友打招呼发消息电梯直达 1楼发表于 2013-11-18 11:59:03 |只看该作者 |倒序浏览一键分享 [新人报到]现在去发帖报道即可领取论坛金币哦

Android：密码显示隐藏

效果: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android

jQuery基础（动画篇 animate，显示隐藏，淡入淡出，下拉切换）

1.jQuery中隐藏元素的hide方法让页面上的元素不可见,一般可以通过设置css的display为none属性.但是通过css直接修改是静态的布局,如果在代码执行的时候,一般是通过js控制元素的style属性,这里jQuery提供了一个快捷的方法.hide()来达到这个效果 $elem.hide() 提供参数: .hide( options ) 当提供hide方法一个参数时,.hide()就会成为一个动画方法..hide()方法将会匹配元素的宽度,高度,以及不透明度,同时进行动画操作

显示WiFi密码小案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/vue.js"></script></head><body> <div id="app"> <i

巨丑巨简陋的一个Javascript显示隐藏菜单

<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> #div1{width:100px; height:500px; background: aqua;} li{list-style-type: none; margin-left: 0px;