Content ITV PRO
This is Itvedant Content department
Topic Name
Subtopic Name
Learning Outcome(Slide2)
6
Basics of branding and messaging
5
Target audience and segmentation
4
Different marketing channels
3
Creating value for customers
2
Understanding customer needs
1
What marketing means ?
Choose cool, soft colors instead of vibrant colors
Max 6 Points for Summary & Min 4
Topic Name-Recall(Slide3)
As students, you must have filled many online forms—such as admission forms, exam registration forms,etc
Every time you enter your name, email, or phone number and click Submit, you are interacting with a web form.
But what exactly creates these forms on a webpage?
How does a website display text boxes, radio buttons, checkboxes, and submit buttons?
What makes all these form elements work together as a single form?
To achieve this, HTML provides a special element called the Form Tag (<form>).
<form>
</form>
Its like a container having various form elements
Creating A Form In HTML
To create a form in HTML, you use the <form> tag
Common applications of HTML Forms
User information
Credentials
Surveys
Reviews
Online quizes
File uploads
Action Attribute
The action attribute specifies where the form data should be sent after the user submits the form.
When the Submit button is clicked, the browser sends the form data to the URL specified in the action attribute.
Example :
<form action="success.html">
</form>
Method Attribute
The method attribute specifies how the form data should be sent to the server when the form is submitted.
The two most commonly used methods are:
GET
POST
- Data visible in URL
- Data hidden
- Less secure
- More secure
- Used for search
- Used for passwords/forms
Example :
<form method = "get">
Example :
<form method = "post">
Which HTML Element Allow Users To Enter Data Into A Web Form?
The <input> element allows users to enter data into a web form using 'type' attribute
Input field defined using <input>
Input field defined using <input>
What Is 'type' Attribute?
The 'type' attribute specifies the role of the input field
What Is 'type' Attribute?
<input type="text" >
<input type="password" >
<input type="email" >
<input type="checkbox" >
<input type="radio" >Vedant
********
Vedant98@mail.com
The 'type' attribute specifies the role of the input field
Used to collect normal text input.
-
Used to collect passwords securely.
-
Characters appear hidden.
-
Used to collect email addresses.
-
Browser validates email format automatically.
Checkbox allows selecting multiple options
Radio buttons allow selecting only one option from multiple choices.
What Is 'type' Attribute?
<input type="text" >
<input type="password" >
<input type="email" >
<input type="checkbox" >
<input type="radio" >Vedant
********
Vedant98@mail.com
The 'type' attribute specifies the role of the input field
HTML provides many input types. These are just a few commonly used ones. You can explore other input types as needed.
Core Concepts (Slide 7)
Core Concepts (.....Slide N-3)
Summary
5
Build strong branding
4
Use different marketing channels
3
Target the right audience
2
Create and communicate value
1
Understand customer needs
Choose cool, soft colors instead of vibrant colors
Max 5 Points for Summary & Min 2
Quiz
Which platform is mainly used for professional networking and B2B marketing ?
A. Facebook
B. Instagram
C. LinkedIn
D. Snapchat
Quiz-Answer
Which platform is mainly used for professional networking and B2B marketing ?
A. Facebook
B. Instagram
C. LinkedIn
D. Snapchat
Web design - Html forms
By Content ITV
