THE HTML CODE FOR INPUT FIELDS:
To capture the code, press Select All then COPY (Ctrl C) the contents.
Paste (Ctrl V) code into an insert > html (webgem) in your webpage.
Modify the code to suit your form.
BOLD BLACK: This is the NAME OF THE FIELD. Each field must have a unique name!
Simple text entry:
Four plain examples:
<input type="Text" name="Name" size="60" maxlength="60">
<input type="Text" name="123-s" size="10" maxlength="10">
<input type="Text" name="small" size="10" maxlength="10">
<input type="Text" name="1" size="10" maxlength="10">
This example allows more input by the user than the field size visible:
<input type="Text" name="Address" size="60" maxlength="200">
This example allows you to put a statement in the field directly so you do not have to have a separate description beside or above the field. This allows the form to be thinner.
<input name="name" type="text" value="Type your NAME here" onfocus="this.value='';" size="25" maxlength="60">
Reference Note about the code:
Bold Black: the name of the input field.
Blue: this cols number tells how WIDE the input area will be.
Red: this row number tells how many characters can be input.
|
Simple comment/message entry:
<textarea name="Comment" cols="52" rows="10" wrap="VIRTUAL"></textarea>
This example allows your visitor to write a paragraph to you. Used for longer entries than TEXT field.
Reference Note about the code:
Bold Black: the name of the input field.
Blue: this cols number tells how WIDE the input area will be.
Red: this row number tells how TALL the input area will be.
|
Simple dropdown choices:
This example allows your visitor to choose from specific choices only.
Reference Note about the code:
Bold Black: the name of the input field.
Choose selected>CHOOSE ONE
Green: this is a one word description that comes back in the email to you (no spaces!)
Blue: this word "selected" tells the form that this is the default answer (recommend you put this at the top of the dropdown list on a line that asks visitor to choose.)
Red: this is the word or phrase contained in the dropdown on the form
Simple dropdown choice:
<SELECT NAME="State" SIZE=1>
<option value=CHOOSE selected>CHOOSE ONE
<option value=FL>Florida
<option value=GA>Georgia
<option value=SC>South Carolina
</SELECT>
Another simple dropdown choice:
<SELECT NAME="Heard" SIZE=1>
<option value=heardabout selected>PLEASE CHOOSE ONE
<option value=Google>Google
<option value=Othersearch>Other Search Engine
<option value=CSBforum>CSB Discussion Forum
<option value=TCHforum>TCH Forum
<option value=Other>Some other way
</SELECT>
Another simple dropdown choice:
Adding " " to the code allows your email response to have spaces in the option code. See Oak Light.
If you do not use "", the option must have no spaces!
<SELECT NAME="123-sFrame" SIZE=1>
<option value=Choose selected>CHOOSE ONE
<option value="Oak Light">Oak - Light
<option value="Oak Dark">Oak - Dark
<option value="Cherry">Cherry
<option value="Black">Black metal
<option value="Silver">Silver metal
<option value="Gold">Gold Leaf
<option value="Wedding crystal">Wedding - Crystal
</SELECT>
Another simple dropdown choice:
COMBINE YOUR ANSWER TO AVOID CALCULATIONS IN YOUR FORM!
<SELECT NAME="123-scost" SIZE=1>
<option value=Choose selected>CHOOSE ONE
<option value=1=$10>1 = $10
<option value=2=$20>2 = $20
<option value=3=$25>3 = $25
<option value=4=$30>4 = $30
<option value=5=$35>5 = $35
</SELECT>
|
Simple radio dial entry:
AM
PM
<input type="radio" name="MornEve" value="AM"> AM
<input type="radio" name="MornEve" value="PM" checked> PM
Reference Note about the radio dial code:
All choices for this field must be in the same cell to avoid errors.
Green: this word "checked" tells the form that this is the default answer
Purple: this word is typed into the table, not the inserted HTML code
Red: this is the word or phrase shown on the form
|
Don't use check boxes if possible.
(Empty box can produce errors on some servers, so I did not include the code on purpose)
|