我需要通过单击带有 onclick 功能或任何其他操作的 html 页面上的图像来输入密码(无需在键盘上输入)。我怎样才能做到这一点?我尝试了下面的代码,它适用于纯文本,但不适用于我的密码类型条目(如下所示)。有人可以帮我吗?
这是我的代码:
<form style=" margin-left:200px; font-weight:600">
<fieldset>
<legend>STEP II:</legend>
<input id="psx2" type="password">
<p id="psx3">all the way</p>
<p id="psx4">the ramp flies</p>
<script>
function myFunction()
{
x=document.getElementById("psx2"); // Find the element
x.innerHTML="12345"; // Change the content
x=document.getElementById("psx3"); // Find the element
x.innerHTML="Hello!"; // Change the content
x=document.getElementById("psx4"); // Find the element
x.innerHTML="Hey!"; // Change the content
}
</script>
<a href="#">
<img src="images/colourimages/red.jpg"
alt="red not"
onclick="myFunction()"
width="50"
height="50"
id="red" />
</a>
</fieldset>
</form>
这是结果:
您会注意到密码字段上没有显示任何内容。请问有人可以帮忙吗?我会很感激的。。