kneuf! - webmaster tools - reference

:: www.kneuf.com ::

This reference will demonstrate the basic options you have when making forms.

The FORM Tag
Note: This tag is necessary for forms. Be sure to close it with </form>.
Structure: <form method='post|get' name='' action='parser'>.
method: How the form will send the data. Post is a more secure way of doing things. An example of the get method is the URL looks something like this: page.html?foo=bar&morefoo=yes.
name: The name of the form, not required.
action: Where the forms data will be sent, not required if it is being sent to the same page. Can substitute and email for this to.
Put the </form> tag at the end of all the form objects.
Some things from the tags can be omitted, such as size, maxlength, value, etc., but the type and name have to be in it.
The TEXT Input
Example:
The code:
The PASSWORD Input
Example:
The code:
The HIDDEN Input
Example: (none; not visible)
The code:
The SUBMIT Input
Example:
The code:
The RESET Input
Example:
The code:
The BUTTON Input
Example:
The code:
The IMAGE Input
Example:
The code:
The FILE Input
Example:
The code:
The RADIO Input
Example: Yes No
The code:
The CHECKBOX Input
Example: Yes
The code:

The SELECT Drop-Down
Example:
The code: <select name='select' size='1'> <option value='1'>Yes <option value='2'>No <option value='3' selected>Maybe </select>
The SELECT Multiple Drop-Down
Example:
The code: <select name='multiple' size='4' multiple> <option value='1'>Oranges <option value='2'>Apples <option value='3' selected>Bananas <option value='4'>Pears </select>

The TEXTAREA Object
Example: My content
The code: <textarea name='textarea' cols='10' rows='10'>My content</textarea>

Example of forms.

File in the following form, then press submit and see what happens!

The code: