Main MenuEmail MenuWhat Makes A Good Site? - Click Here To Find Out!Over 100 Colour Codes For Your WebPage! Links To Great Places

 

 

HTML BASIC

FONT

IMAGE

LINK

COLOUR

HTML CODES

QUESTIONS

USEFUL INFO

HTTP STATUS

GLOSSARY

AWARDS

SERVICE

LEGAL INFO

Downlaod Microsoft Internet Explorer 4.x Today!!

Please Click Here To Vote For Me!

  

Lesson No. 6  

  - Creating A Form -   
 

   There are a list of forms that you can create

    Example # 1

   <input NAME="ex1" size="30">   

   

  (This is what it looks like. The name of the above form is called "ex1" and the size is 30)

  Example # 2

  <INPUT TYPE="radio" NAME=Do_You_Know VALUE="Yes">Yes

   Yes (This is a radio button)

   (This is what it looks like. The Name of this form is "Do_You_Know)

   Example # 3

   <TEXTAREA NAME="comment" ROWS=6 COLS=60></TEXTAREA>

   

(As you can see, the <TEXTAREA> Creates the Box FORM with the Name "Comment")

  Example # 4

  <input type="checkbox" name="html" value="ON">

  - This is a checkbox with the name called "html" 

  Here is how you create a form that will send the result to your email address

  Before you have any forms from example # 1, example # 2, etc - this command should be at the top.

     <FORM METHOD="POST" ACTION="mailto:htmlg@hotmail.com>

       This command tells the form to send all of the information to the address at:              htmlg@hotmail.com

        After you have the <FORM METHOD="POST" ACTION="mailto:htmlg@hotmail.com>, you can begin to add your choice of forms that you want (ie - from example # 1, or example 2,  or BOTH, etc)

 

  Example A1

<FORM METHOD="POST" ACTION="mailto:htmlg@hotmail.com">
<B>Please enter your name: </B><INPUT NAME="username" size="30">
<INPUT TYPE=submit VALUE="Send it!">
<INPUT TYPE=reset VALUE="Start over">

  Please enter your name:

   In Example A1, The message will be send to "htmlg@hotmail.com" when the user clicks on "Send it!"

  Example A2

<FORM METHOD="POST" ACTION="mailto:htmlg@hotmail.com">
<TEXTAREA NAME="comment" ROWS=6 COLS=60></TEXTAREA>
<INPUT TYPE=submit VALUE="Send it!">
<INPUT TYPE=reset VALUE="Start over">

 

  

  In this example (Example A2) we have a Box for the user to write his/her questions/comments, etc down.

The message in this box with be send to htmlg@hotmail.com

      Example A3

If You want to have a form from Example A1 and A2 together, this is what you would do:

<FORM METHOD="POST" ACTION="mailto:htmlg@hotmail.com">
<B>Please enter your name: </B><INPUT NAME="username" size="30"><P>
<TEXTAREA NAME="comment" ROWS=6 COLS=60></TEXTAREA><P>
<INPUT TYPE=submit VALUE="Send it!">
<INPUT TYPE=reset VALUE="Start over">

 

  Please enter your name:

Remeber to have this command at the top

<FORM METHOD="POST" ACTION="mailto:htmlg@hotmail.com">

and

This command at the bottom (The end of your form):

<INPUT TYPE=submit VALUE="Send it!">
<INPUT TYPE=reset VALUE="Start over">

(You can replace the word "Send it!" and "Star Over" to anything you want -

BUT do NOT replace the word "submit" and "reset")

 

Remeber:

Use adjustment, indictation to make your web page stand out.

You can have as much form types as you want - But always remeber to have the top and bottom command.

In the Mailto: " " - replace the htmlg@hotmail.com with your emai address.

You can adjust the width, height or your form

Also Remember:

To link to an email address, the command is:

<a href="mailto:htmlg@hotmail.com>

(replace htmlg@hotmail.com with your email address)

 

End of Lesson No. 6

 
BACK or NEXT

(c) 1998 Sinh Truong Nguyen. All Rights Reserved.