title: How to present asterisk when entering a password in index.html
body: <p>Using that code : </p>
  
  <pre><code>&lt;!-- THIS IS WHERE IT ALL STARTS  --&gt;
  
  
  &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;&lt;title&gt;Bank application&lt;/title&gt;
  &lt;link rel="stylesheet"
        href="./css/styles.css"
        type="text/css"/&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;table class="title"&gt;
    &lt;tr&gt;&lt;th&gt;Web Bank application&lt;/th&gt;&lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;br/&gt;
  &lt;fieldset&gt;
    &lt;legend&gt;Login Page - please enter your Username and Password&lt;/legend&gt;
    &lt;form action="loginPage"&gt; 
      Username: &lt;input type="text" name="username"&gt;&lt;br&gt;
      Password : &lt;input type="text" name="password"&gt;&lt;br&gt;
      &lt;input type="submit" value="Login"&gt;
    &lt;/form&gt;
  &lt;/fieldset&gt;
  
  &lt;br/&gt;
  &lt;br/&gt;
  &lt;br/&gt;
  &lt;br/&gt;
  &lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;
  &lt;/body&gt;&lt;/html&gt;
  </code></pre>
  
  <p>The user enters his username and password 
  <img src="https://i.stack.imgur.com/FZcOD.gif" alt="enter image description here"></p>
  
  <p>How can I present to the screen asterisks <code>(*)</code> when I enter the password , e.g. instead of showning <code>myPassword</code> , I want to present <code>**********</code> , and keep the actual characters of the string <code>myPassword</code> in tact ? </p>
  
  <p>Thanks </p>