Question

我需要输入一个密码（不在键盘上打字），点击我的html页面上带有onclick功能或任何其他动作的图像。我怎样才能做到这一点？我尝试了下面的代码，它适用于纯文本，对我的密码类型条目不起作用（如下所示）。有人可以帮助我吗？

以下是我的代码：

<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>

结果如下：

你会注意到密码字段上没有显示任何内容。请有人帮忙吗？我会很感激..

Answer 1

表单元素不使用.innerHTML来更改您需要使用的内容.value

Answer 2

value使用input elements，

function myFunction()
{
   x=document.getElementById("psx2");  //  Input element
   x.value="12345";    // Change the content

   // innerHTMl is fine for p or div tags
   .......

如何使用onclick功能单击图像来输入密码？

2 个答案: