Scribd
Upload
20 views13 pages

HTML Form Creation and Usage Guide

The document discusses HTML forms and form elements. It explains the <form>, <input>, <select>, <option>, and <textarea> tags and their attributes. It provides examples of different input types like text, password, checkbox, radio, and submit. It also discusses attributes for the select and textarea tags. The document concludes with an exercise asking students to create a form page.

Uploaded by

th y
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
20 views13 pages

HTML Form Creation and Usage Guide

The document discusses HTML forms and form elements. It explains the <form>, <input>, <select>, <option>, and <textarea> tags and their attributes. It provides examples of different input types like text, password, checkbox, radio, and submit. It also discusses attributes for the select and textarea tags. The document concludes with an exercise asking students to create a form page.

Uploaded by

th y
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 13

LESSON 7

HTML
FORM
FORM
⮚Is created as a means of making
web pages interactive, allowing
users to enter requested
information to be submitted for
processing.
Form Tag
<FORM> </FORM>
• Atrributes:
• Action = URL address
• Method = get, post
Input Tag = <input>

• Attributes
⮚Name = URL address
⮚Type = the method used
Value of type attribute
• text – create a single line text
input box
• Password – same as text but the
input text is masked for security
reason..
Value of type attribute

• Checkbox – create a checkbox.


• Radio – creates a list of alternative
on which only one can be selected
Value of type attribute

• Submit – create a button that submit


a form when click..
• Reset – create a button that clears
the whole form.
Input Tag = <input>
• Attributes
⮚size = any number
⮚Value = any text string
⮚Checked - none
Select Tag = used to define
dropdown list.
<select> </select>
• Attributes
⮚Name = any text or string
⮚Size = any number
Option Tag = used inside the select tag
to specify items on the dropdown list.
<option>
• Attributes
⮚Value = any string or text
⮚Selected = none
Text Area Tag = creates a multi-lined
text input box.
<textarea> </textarea>
• Attributes
⮚Name
⮚Column
⮚Row
⮚wrap
Exercise 2
• 1. Create a web page in creating form.

2. Do a form like the form shown below. You can modify your form by
changing the format of font face, color, size. It is up to your own choice.

3. Save your work as COURSE & SEC., LASTNAME, Exercise 2

4. Submit or turn-in it here in our google classroom.

You might also like