SELECT TEXT OPTION CHECKBOX SUBMIT

INPUT TYPE IMAGE FORMS RESET

B M I T F T E X T F C

U F C N M I O C S F P

S M F Q O B L E L T R

G I O O K I L E O U E

T Y Z C R E T M V P C

E J E F C M E P E N I

X H U T R E S F O I O

C D R O W S S A C P U

A I S H F E G A M I S

Forms

Ms. Precious Simon. Dela Cruz

Forms

Allows the user to enter requested information and submit for processing and can provide a set of controls for every need.

checkboxes, radio buttons, pull-down menus, popup windows.

<Form>.. </Form>

Form PropertiesText BoxesPassword BoxesCheck Boxes(Radio) ButtonsSubmitReset FileImage

<INPUT> .. </INPUT> Tag

Form Elements

TYPE type of input entry field

NAMEThe data associated with the variable name to be

passed to the CGI application.

CHECKED button/box checked by default.

SIZE Number of characters in text field.

MAXLENGTH Maximum number of characters accepted

Attributes

Input Form Elements1) <INPUT TYPE=“TEXT”>

2) <INPUT TYPE=“PASSWORD”>

3) <INPUT TYPE=“CHECKBOX”>

4) <INPUT TYPE=“RADIO ”>

5) <INPUT TYPE=“IMAGE” SRC=“URL”>

6) <INPUT TYPE=“SUBMIT”>

7) <INPUT TYPE=“RESET”>

8) <INPUT TYPE=“FILE”>

<INPUT TYPE=“TEXT”>• It is used to create Text-entry fields.

Attributes

SIZE Determines the size of the textbox in characters.

MAXSIZEDetermines the maximum number of characters that

the field will accept

NAMEUse a name that implies

the type of information you want to collect

VALUE Will display its contents as default value

<INPUT TYPE=“PASSWORD”>• It is use for password inputs

Attributes

SIZE Determines the size of the textbox in characters

MAXSIZEDetermines the maximum

size of the password in characters.

NAMEUse a name that implies

the type of information you want to collect

VALUE Is usually blank

<INPUT TYPE=“CHECKBOX”>

This form element creates a checkbox.

Attributes

CHECKED Is blank or CHECKED as the initial status

NAMEUse a name that implies

the type of information you want to collect

VALUE Is usually set to a value

<INPUT TYPE=“RADIO ”>

Radio buttons are clickable circles for the user to select ONLY ONE option.

Attributes

CHECKED Is blank or CHECKED as the initial status

NAMEUse a name that implies

the type of information you want to collect

VALUE Is usually set to a value

<SELECT> TAG it is used to create a pull=down

menu of selections.

Attributes

NAMEIs the name of the variable

to be sent to the CGI application.

SIZE This sets the number of visible choices.

MULTIPLE

The presence of this attribute signifies that the user can make multiple selections.

Default only one selection is allowed.

<OPTION> TAGAttributes

SELECTED

When this attribute is present, the option is

selected when the document is initially

loaded. It is option be selected.

VALUESpecifies the value the variable named in the

select element.

<TEXTAREA></TEXTAREA>Attributes

NAMEUse a name that implies

the type of information you want to collect

ROWS The number of rows to the textbox

COLS The number of columns to the textbox

WRAP

Default to OFF. You should set wrap to “VIRTUAL” or

“PHYSICAL” so that the text wraps in the brow

ser display as the user types.

<INPUT TYPE=“SUBMIT”>This is the value that causes the browser to send the names and values of ACTION attribute to the FORM element.

Attributes

SIZE Is the size of the text box in characters

NAME Value used by the CGI script for processing

VALUEDetermines the text label

on the button, usually Submit Query.

<INPUT TYPE=“IMAGE” SRC=“URL”>

Creates Image Submit Button which allows the user to substitute an image for the standard submit button.

Attributes

NAME Is the name of the button to be used in scripting

SRC URL of the image file.

<INPUT TYPE=“RESET”>

It allows the surfer to clear all the input in the form.

VALUEDetermines the text label

on the button, usually Reset.

Attributes

<INPUT TYPE=“FILE”>It allows the surfers to upload files to a web server.

Attributes

NAMEIs the name of the variable

to be sent to the CGI application

SIZE Is the size of the text box in characters

MAXSIZEIs the maximum size of the

input in the textbox in characters.

ENCTYPEIs a list of (MIME) types

that the field can be used to upload