Easy HTML tutorial

HTML TUTORIAL


Lesson 6:

FORMS

Forms are for sending information from your webpage either to a CGI script or

to you. They are handy for getting feedback about your website.

An easy and handy form is the mailto.

This form allows people to send info to your email address.

The form below allows visitors to send you their names and email address.

You can add new fields yourself.

Insert your email address in the place where it says You@youremail.com.

 

<HTML>
<HEAD>
<TITLE>Contact me</TITLE></HEAD>
<BODY BGCOLOR=#FFFFFF>

<FORM METHOD="POST" ACTION="mailto:You@youremail.com">

<INPUT TYPE="hidden" NAME="form_name" VALUE="Form1">

<P>Enter your name:

<BR><INPUT TYPE="text" NAME="name" SIZE="35">

<P>Enter your email address:

<BR><INPUT TYPE="text" NAME="email" SIZE="35">

<P><INPUT TYPE="submit" VALUE="Send it now">

</FORM>

</BODY>
</HTML>

You can also use this method to carry out surveys.

you can do this by using check boxes and radio buttons.

Check Box

Radio Button

 

 

<HTML>
<HEAD>
<TITLE>My Form</TITLE></HEAD>
<BODY BGCOLOR=#FFFFFF>

<FORM METHOD="POST" ACTION="mailto:You@youremail.com">

<P>Pick you favorite BAND:

<BR><INPUT TYPE="RADIO" NAME="rockband" VALUE="Manic Street Preachers">Manic Street Preachers

<BR><INPUT TYPE="RADIO" NAME="rockband" VALUE="Nine Inch Nails">Nine Inch Nails

<BR><INPUT TYPE="RADIO" NAME="rockband" VALUE="Therapy?">Therapy?

<P><INPUT TYPE="SUBMIT" VALUE="Choose Now">

</FORM>

</BODY>
</HTML>

 

Here is one with a check box.

<HTML>
<HEAD>
<TITLE>My Form</TITLE></HEAD>
<BODY BGCOLOR=#FFFFFF>

<FORM METHOD="POST" ACTION="mailto:You@youremail.com">

<P>Pick you favorite BAND:

<BR><INPUT TYPE="RADIO" NAME="rockband" VALUE="Manic Street Preachers">Manic Street Preachers

<BR><INPUT TYPE="CHECKBOX" NAME="rockband" VALUE="Nine Inch Nails">Nine Inch Nails

<BR><INPUT TYPE="RADIO" NAME="rockband" VALUE="Therapy?">Therapy?

<P>Tell me your comments:

<BR><TEXTAREA NAME="comments" ROWS="10" COLS="30">

</TEXTAREA>

<P><INPUT TYPE="SUBMIT" VALUE="Choose Now">

</FORM>

</BODY>
</HTML>

Expirement with these and see what you can do.

HOME Tutorial Next Lesson Previous Lesson