Scribd
Upload
10 views3 pages

Ict 7lessonplan

Uploaded by

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

Ict 7lessonplan

Uploaded by

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

Cambridge Professional Development

Cambridge

Lesson plan template

Lesson Plan
Lesson: Forms in HTML School: JANKIDEVI PUBLI SCHOOL
Date: Teacher: MS AGNES
Class: VII Number Present: Number Absent:
Learning objectives: By the end of the lesson, students will be able to:
Understand the purpose of forms in web development.
 Identify key HTML form elements like <form>, <input>, <label>,
<button>, and their attributes.
 Create a simple HTML form to collect user input.

Lesson objectives: By the end of this lesson, students will be able to:
1. Identify Form Elements: Recognize and describe the purpose of
various HTML form elements, including <form>, <input>, <textarea>,
<select>, and <button>.
2. Create a Basic Form: Construct a simple HTML form that includes
different input types (text, email, password, radio buttons, checkboxes,
etc.) and labels.
3. Implement Form Attributes: Utilize important attributes (such as
action, method, name, and value) to enhance form functionality and
control data submission.
4. Apply Validation: Understand and apply basic HTML5 validation
attributes (like required, min, max, pattern) to ensure user input meets
specified criteria.

Vocabulary: HTML, Form, Input Element, Label, Textarea, Select, Button, Action,
Attribute, Method Attribute, Validation
Previous learning: Students should have
1. Basic Understanding of HTML:
Familiarity with HTML structure (tags, elements, attributes).
Ability to create simple web pages using HTML.
2. Web Development Concepts:
Understanding how web browsers render HTML documents.
Knowledge of how forms are used in web applications.
Plan
Activities Resources
Beginning Discussion: Presentations
Ask students if they’ve filled out an online form
(e.g., for registering on websites). How did it collect
their information?
Explanation: Introduce forms as a key way websites
gather data from users...

Introduction to HTML Forms


(10 minutes):
Definition: Explain that forms allow users to submit
data (like name, email, feedback) to a website, which
can be processed by a server.
Form Elements:
• <form>: Defines the start and end of the form.
• <input>: Creates different types of input fields
(text, radio, checkbox).
<label>: Associates labels with form fields.
•<button>: Creates a button to submit the
form.
• Attributes:
• action: Defines where the form data is
sent.
• method: Specifies how data is sent
(GET or POST).

Middle Interactive Demonstration (15 minutes):


• Step-by-Step Demo:
• Open a text editor and demonstrate
creating a simple form that collects a name and
email:

<form action="submit.php" method="POST">


<label for="name">Name:</label>
<input type="text" id="name" name="name"><br>
<label for="email">Email:</label>
<input type="email" id="email"
name="email"><br> Computer with internet
<button type="submit">Submit</button> access
</form> • Projector or
• Explain the structure and how each element smartboard
• Text editor (e.g.,
works.
Notepad, Visual Studio
Code)
4. Hands-On Activity (10 minutes): • Printed
handouts of form
• Task: Students will create their own elements (optional)
HTML form using:
• A text input for a name.
• An email input field.
• A radio button or checkbox for
selecting a category.
• A submit button.

End Recap and Q&A (5 minutes):


(5 mins) Recap: Go over the key HTML form elements
(<form>, <input>, <label>, <button>), and the
attributes like action and method.
Questions: Allow students to clarify any doubts they
have about creating forms.
Discuss the questions.

Reflection and evaluation


Resource  Computer with internet access
 Projector or smartboard Text editor (e.g., Notepad, Visual
Studio Code)
 Printed handouts of form elements (optional

Recapitulation and Evaluations


1. Worksheet based on the Topic to be given to students and will be discussed during the class.
2. Distribute worksheets with exercises for students to complete independently or in pairs.
3. Walk around the classroom to provide assistance and guidance as needed.

You might also like