Creating Simple Forms

This example shows a simple form asking a user for their name.

<form method="post" action="mailto:request@anysite.org"> Enter your name: <input name="Comment"> <input type="submit" value="Send"> </form>

Enter your name:

---

Textarea
With the following text area we have set it to a size of 5 rows high and 30 columns wide.

<form method="post" action="mailto:request@anysite.org"> <p><textarea rows="5" cols="30"></textarea><br> <input type="submit" value="Request Info"> </form>

---

Multi line simple form
In the following we are now going to create a very basic form asking for visitors name, e-mail address and have a text area asking for their comments.

<form method="post" action="mailto:request@anysite.org"> <p>Name:<br><input id="contact"></p> <p>Email:<br><input id="email"></p> <p>Your Comment:<br> <textarea name="comment" cols="30" rows="5"></textarea></p> <p><input name="submit" type="submit" value="Submit"></p> </form>

The browser display;

Name:

Email:

Your Comment:

Next we will cover the different "button" elements used to add to a form.

• « Form Elements
• Form Buttons »