• CREATING FORMS

     

    Forms are a great way of collecting information from potential customers with your website. You can gather names, address, phone numbers, and more. Data can be submitted to an email address. Once received you can begin conducting business.

     

    MAKING THE FORM

     

    1.      After the opening <BODY> tag type, <FORM METHOD=“post” ENCTYPE=”text/plain” ACTION=”mailto:(your email address goes here)”>

    2.      Before the closing </BODY> tag type, </FORM>

    ADDING A TEXT AREA

     

    1.      Between the opening <FORM> and closing </FORM> tags, type what you want to learn from the person visiting your site (i.e. Name, Address, Phone Number)

    2.      Then type, <INPUT TYPE=”text” NAME=”First Name” SIZE=”45” MAXLENGTH=”40”>

     

    Example:

                First Name: <INPUT TYPE=”text” NAME=“First Name” SIZE=”45” MAXLENGTH=”40”>

     

    ADDING A LARGE TEXT AREA

     

    1. Between the opening <FORM> and closing </FORM> tags, type what you want to learn from the person visiting your site (i.e. Question and Comments)
    2. type <TEXTAREA NAME=“Questions and Comments” ROWS=”10” COLS=”70” WRAP=”hard”>
    3. Type, </TEXTAREA>

     

    Example:

                Questions and Comments:<TEXTAREA NAME=“information” ROWS=”10” COLS=”70” WRAP=”hard”> </TEXTAREA>

     

    ADDING A MENU LIST

     

    1.      Between the opening <FORM> and closing </FORM> tags, type what you want to learn from the person visiting your site (i.e. Select a size)

    2.      Type <SELECT NAME=”Shoe Size” SIZE=”1”>

    3.      Start a new line and type, <OPTION VALUE=”iPod”>iPod

    4.      Repeat step two to create more selections.

    5.      Start a new line and type, </SELECT>

     

    Example:

                Select a size: <SELECT NAME=”Apple Product” SIZE=”1”>

                <OPTION VALUE=”iPod Nano”>iPod Nano

                <OPTION VALUE=”iPod Touch”>iPod Touch

                <OPTION VALUE=”iPhone”>iPhone

                <OPTION VALUE=”iPad”>iPad

                </SELECT>

               

     ADDING CHECK BOXES

     

    1.      Between the opening <FORM> and closing </FORM> tags, type what you want to learn from the person visiting your site (i.e. Was this site helpful?)

    2.      Type <INPUT TYPE=”checkbox” NAME=”Was this site helpful?” VALUE=”yes answer”>YES

     

    Example:

                Was this site helpful?

     <INPUT TYPE=”checkbox” NAME=”Was this site helpful?” VALUE=”yes answer”>YES

     <INPUT TYPE=”checkbox” NAME=”Was this site helpful?” VALUE=”no answer”>NO

     

    ADDING A SUBMIT BUTTON

     

    1.      Between the opening <FORM> and closing </FORM> tags, type <INPUT TYPE=”submit” VALUE=”Submit”>

     

    ADDING A RESET BUTTON

     

    1.      Between the opening <FORM> and closing </FORM> tags, type <INPUT TYPE=”reset” VALUE=”Reset”>

Last Modified on March 24, 2014