0% found this document useful (0 votes)
2 views

HTML Forms002

This document provides an overview of HTML forms, focusing on the <form> tag and its role in collecting user input for web pages. It covers various input elements such as text fields, checkboxes, radio buttons, and submit buttons, along with examples of their usage. The document also includes activities and assessments to reinforce learning about creating and managing interactive forms in HTML.

Uploaded by

Anas Hamdi
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
2 views

HTML Forms002

This document provides an overview of HTML forms, focusing on the <form> tag and its role in collecting user input for web pages. It covers various input elements such as text fields, checkboxes, radio buttons, and submit buttons, along with examples of their usage. The document also includes activities and assessments to reinforce learning about creating and managing interactive forms in HTML.

Uploaded by

Anas Hamdi
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 11

HTML-FORMS

HTML-Forms
LEARNING OBJECTIVE
➢To Learn <FORM></FORM> tag to add Forms to a
webpage.
➢To use and make interactive forms in HTML.

HTML-Forms
SUCCESS CRITERIA

➢I know how to add Forms to a webpage.


➢I can make interactive forms in HTML.
HTML-Forms
HTML-Forms
▪ Forms

An HTML form is used to collect user input. The user input is most often sent
to a server for processing.

The HTML <form></form> element is used to create an HTML form for user
input:

The <form> element is a container for different types of input elements, such
as:
• text fields,
• checkboxes,
• radio buttons,
• submit buttons, etc.
HTML-Forms

The <input> Element:

The HTML <input> element is the most used form element.


An <input> element can be displayed in many ways, depending on
the type attribute.
Here are some examples:
HTML-Forms

Must Task:
HTML-Forms
Activity:
Group 1 Group 2 Group 3

Add a heading and create three


text fields.

DROPDOWN LIST
<select> TEXTAREA
<option>Volvo</option> <h1>The textarea element</h1>
<option>Saab</option>
<option>Mercedes</option> <textarea></textarea>
<option>Audi</option> <br>
HTML-Forms

Assessment:

1) What is difference between radio Button and check boxes?

2) Mention the difference between text area and text field.


HTML-Forms

PLENARY:
HTML-Forms

SUCCESS CRITERIA:

➢I know how to add Forms to a webpage.

➢I can make interactive forms in HTML.

You might also like