Question

I am using a very simple php form to password protect one page. I would like the character ‘*’ to appear in the box when they are typing in

           <form name="form1" method="post" action="checkpw.php">
    <table><tr><td colspan="2">
    <p class="form"> Password: <span id="formfield"><input name="pw" type="text" id="pw"></span></p></td>
    <tr><td valign="top"></td><td align="right"><span class="submitbt"><input type="image" class="rollover" src="images/buttons/BTN_Submit.png" id="contact_submit" alt="Submit" width="72px" height="68px" border="0" hover="images/buttons/BTN_Submit_over.png" name="submitbt" value="Login"></span></td>

Answer 1

Instead of:

<input name="pw" type="text" id="pw">

Use:

<input name="pw" type="password" id="pw">

See the types of input elements on the HTML 4.01 spec:

password: Like “text”, but the input text is rendered in such a way as to hide the characters (e.g., a series of asterisks). This control type is often used for sensitive input such as passwords. Note that the current value is the text entered by the user, not the text rendered by the user agent.