kneuf-media.com

Forms Reference

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:

The SELECT Multiple Drop-Down

Example:

The code:

The TEXTAREA Object

Example:

The code:

Example of forms.

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


Name:
Password:

Favourite Fruit:

Food You Like:

Do you like hamburgers? Yes No

Sign up for some fake news letters: Fake1 Fake2 Fake3

Enter in some additional notes:

The code: