輸入密碼框內的哪個小眼睛怎么實現的??？
輸入密碼框內的哪個小眼睛怎么實現的啊？
qq_慕慕3093659
2021-04-09
3 回答
舉報
0/150
提交
取消
2023-08-25
input type的屬性用password就有啦
2021-05-06
我們可以利用Font Awesome一套絕佳的圖標字體庫和CSS框架
下面是我的代碼，你可以看一下
<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>表單標簽</title>
????<link?>
</head>
<body>
????<form?method="post"?action="test2.html">
????????<label?for="username">用戶名:</label>
????????<input?type="text"?name="username"?id="username"?value=""?/>
????????<label?for="pass">密碼:</label>
????????<input?type="password"?name="pass"?id="pass"?value=""?/>
????????<i?class="fa?fa-eye"?onclick="showhide()"?id="eye"></i>
????????<input?type="submit"?value="確定"?name="submit"?/>
????????<input?type="reset"?value="重置"?name="reset"?/>
????</form>
</body>
<script?type="text/javascript">
var?a=document.getElementById("eye");
var?b=document.getElementById("pass");
function?showhide(){
???????if(b.type=="password"){
?????????????b.type='text';
???????????a.className='fa?fa-eye-slash'
???????}else{
???????????b.type='password';
???????????a.className='fa?fa-eye'
???????}
}
</script>
</html>
2021-04-10
這個要結合js來控制