Html Tips and Tricks

Monday, May 31, 2004

How to Create a Basic Form

Insert the following code:
<FORM action="mailto:nilsmolina@comcast.net" method="post" enctype="text/plain">
<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="4" WIDTH="90%">
<TR>
<TD width="30%"><DIV align="right">
<B>Name:</B>
</DIV>
</TD>
<TD width="70%">
<INPUT type="text" name="name" size="20">
</TD>
</TR>
<TR>
<TD>
<DIV align="right"><B>Email:</B></DIV>
</TD>
<TD>
<INPUT type="text" name="email" size="20">
</TD>
</TR>
<TR>
<TD>
<DIV align="right">
<B>Comment:</B>
</DIV>
</TD>
<TD>
<TEXTAREA name="comment" cols="30" wrap="virtual"rows="4">
</TEXTAREA>
</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>
<INPUT type="submit" name="submit" value="Submit">
<INPUT type="reset" name="reset" value="Reset">
</TD></TR>
</TABLE>
</FORM>


And you will have a form like this:

Name:
Email:
Comment:
 


Make sure you change, in the code, the e-mail adress which I have in italics.
Also make sure to cram the code into a small amount of lines. (Do not put <FORM action="mailto:nilsmolina@comcast.net" method="post" enctype="text/plain"> on two lines).
This html tip will allow you to connect and get input from users.

Click here to create more advanced, much classier forms.

NOTE: Problems may occur when trying to e-mail yourself.


NEED EXTRA HELP? HAVE A SUGGESTION? HAVE SOMETHING TO ADD? PLEASE POST COMMENTS WHILE LOOKING AT ALL THESE USEFUL HTML TIPS AND TRICKS. THANK YOU!

21 Comments:

Post a Comment

<< Home


Hit Counter