Lesson 6.7 HTML Forms

8/2/2019 Lesson 6.7 HTML Forms

1/11


2/11

Form It is a way of collecting customers

information; conduct survey and evenonline examination. Collected data are

submitted and processed on the serverupon clicking the submit button. Thisrequires a script or program to process.


3/11

Form ElementsFORM NAME PICTURE TAG USE

One Line TextBox

Enter one line textof information.

Check Box

Select more thanone item from theselection

Radio Button

Select only oneitem from theselection


4/11

Form Elements (contd.)FORM NAME PICTURE TAG USE

Scrolling TextBox

Enter anycomments orsuggestions aboutthe web page

Drop-downMenu

item1item2

Select an itemfrom the drop-down list box

Push Button

Submit, reset theinformation


5/11

Three Types of Buttons

Submit sends the data from the form to theserver of the web site

Reset resets or clears the content of the formelements

Command button used to execute any

command on the web page.


6/11

Form Attributes Attributes Description

Type Creates form elements

Name Name each form of element to holdthe value stored in it

Value Store any value in the element. Thevalue attribute in the push button isused to label the button

Size Specify the length of the textbox. Thesize of the element is based on thenumber of characters


7/11

Form Attributes (contd.) Attributes Description

Options Create list items in the drop-down box

Cols Specify the width of scrolling box. Thewidth is based on the number ofcharacters

Rows Specify the height of the scrolling box.The height is based on the number of

rows


8/11

Activity No. 14 link_section.html

Type these source codesin your Notepad. Save it

as link_section.html


9/11

Activity No. 15 forms.html

Type the given source codes to create the form output below:


10/11

Type these source

codes in your Notepad.

Save it as form.html


11/11

ASSIGNMENT

Describe the following image formats:

JPEG

GIF

PNG

Give the different attributes of tag.

Describe each. Why do we need to add alternate text in our

images?

Lesson 6.7 HTML Forms

Documents

Transcript of Lesson 6.7 HTML Forms