我制作了一個小腳本，當有人點擊這張眼睛影像時，輸入型別從“密碼”更改為“文本”
function mostrarocultarsenha() {
var senha = document.getElementById("senha")
if (senha.type == "password") {
senha.type = "text";
} else {
senha.type = "password"
}
}<div class="campo">
<label for="password"><strong>Senha</strong></label>
<input type="password" name="senha" id="senha" required></input>
</div>
<img class="olho" id="olho" src="https://via.placeholder.com/100" onclick="mostrarocultarsenha()">照片來自我的網站
我希望當輸入從密碼變為文本時，影像也從眼睛變為帶有劃痕的眼睛，然后如果再次單擊，恢復正常的眼睛，有誰知道我該怎么做？
uj5u.com熱心網友回復：
基本上它只是一個元素 ID src 它實際上非常簡單
<div class="campo">
<label for="password"><strong>Senha</strong></label>
<input type="password" name="senha" id="senha" required></input>
</div>
<a onclick="mostrarocultarsenha()"><img class="olho" id="olho" src="assets/closedEye.png"/></a>function mostrarocultarsenha() {
var senha = document.getElementById("senha")
if (senha.type == "password") {
senha.type = "text";
document.getElementById("olho").src = "assets/openedEye.png";
} else {
senha.type = "password"
document.getElementById("olho").src = "assets/closedEye.png";
}
}uj5u.com熱心網友回復：
這是我制作的代碼筆；我匯入了 font-awesome lib
https://codepen.io/docmaillou/pen/LYevyRB
Basicaly，你想fa-eye在fa-eye-slash
你的<i>
uj5u.com熱心網友回復：
const olho = document.querySelector("#olho")
if (senha.type === "password") {
senha.setAttribute("type", "text")
olho.src = "image link/path"
} else {
senha.setAttribute("type", "password")
olho.src = "another image link/path"
}
w3schools
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/461558.html
標籤：javascript html css
下一篇：如何處理建構式中的可為空引數？