HTML forms

* Please note that you can't actually sign onto ITarama because this page is just to demonstrate HTML forms.

Please fill in the following fields to logon to IT-arama.

OK. Here's what's going on under the hood. The following markup creates a form to pass data from the users browser to the server.

<!--The following is a form for members to login to this site-->

<form name="member" onsubmit="return validForm(this)" action="someAction.cgi">
 <table border="0">
  <tr>
  <td align="right">Enter your User Name:</td>
  <td><input name="UserName"></td>
 </tr>
 <tr>
  <td align="right">Enter your Password:</td>
  <td><input name="Password"></td>
 </tr>
 <tr>
  <td align="right">Re-enter your Password to verify:</td>
  <td><input name="Password2"></td>
 </tr>
 <tr>
  <td align="right"><input type="submit" value="Let me in"></td>
  <td><input type="reset" value="Forget it"> </td>
 </tr>
</table>
</form>

Only the bolded text above is related to the actual form. If you need to know what the table, tr or td tags mean and what they do, see our tables page.

They create a table with four rows and two columns. These are only to make our form look neat. They have no function in the form itself.

To be continued...