如何使用onclick功能点击图片输入密码？

Question

I need to enter-in a password (without typing on keyboard) by clicking on image(s) on my html page with onclick function or any other action. How can I do this? I tried the code below, which worked for plain text by didn't work for my password-type entry (as seen below). Can someone pls help me?

Here are my codes:

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

This is the result:

you will notice that nothing showed on the password field. Please can someone help? I will appreciate it..

Answer 1

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

Answer 2

Use value for input elements like,

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

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