0% found this document useful (0 votes)
16 views15 pages

G8 Lesson 12 Con

Uploaded by

amerol.220438
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
16 views15 pages

G8 Lesson 12 Con

Uploaded by

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

Web Form

A web or HTML form is a common element found on a web


page. It is used to accept input from the user. It can be used
to enter shipping data, collect survey information, or retrieve
results from a search engine

Basic Syntax:
<form>.form elements.</form>
The <form> tag
Types of Web Forms:
is used to create
checkboxes, radio
an HTML form
buttons, and text fields.
for user input
Form elements
• Method – This will instruct the browser on how to handle the
transmission of data once the user clicks the submit button. The
values for this attribute are
• Get – This will indicate that the form data will appear on the address
bar of the page where the form is submitted. This is used in sending
less sensitive data.
• post – This will send your data to the server in two steps. The browser
will first contact the server, and once the server responds, it will send
the information. This is used for sending sensitive data.
• action – This will instruct the browser where to send the data
collected in the form. The possible values for this attribute are.
Fieldset and Legend Element
• Fieldset and legend elements work hand in hand. A fieldset will group
related elements within a form surrounded by a drawing, while a
legend is the caption to the fieldset or a group of elements.
Label Element
• The <label> element is usually a text that will tell the user what the
data entry is about. Using the “for” attribute, the <label> element is
directly linked to the <input> element to which it relates. The value of
the “for” attribute should be similar to the “id” attribute of the input
element
Input Element
• The <input> tag creates an input field data that is placed by the user.
This element is a stand-alone tag that needs no closing tag. It is used
within a <form> element to declare input controls that will allow
users to accept data. Generally
Text Input
• This is the most common type of form input where users can enter
data.
Password
Checkboxes and Radio Buttons
• Checkbox controls will let the user pick a combination of options. In
contrast, the radio button controls will allow a user to choose from
mutually exclusive options
Creating Radio Buttons
• Radio buttons are used when you want the users to only select
options from a set of alternatives
Select Element
• The <select> element is a markup that will create drop-down list
options and will let users choose from a range of options.
Text Area Element and Submit button
• The <textarea> element is used to capture large amounts of text. This is best when you want
your users to type their feedback, comments, and suggestions
• The last option for the user should be clicking the submit button. This makes everything final
and submits the data to the server

You might also like