Scribd
Upload
6 views18 pages

Lesson 5

Uploaded by

Julie Ann Blaza
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
6 views18 pages

Lesson 5

Uploaded by

Julie Ann Blaza
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/ 18

ELECTRONIC

FORMS
By: Sir Eugene N. Bayona
classify different form elements using HTML;
create simple electronic form using HTML; and
appreciate the HTML electronic form elements
that help in creating a website.
FORMS

FORM controls

<form>
......
......
</form>
input elements
The HTML <input> element is the most used form element.
An <input> element can be displayed in many ways,
depending on the type attribute

<input type ="(element)">


text fields
The <input type="text"> defines a single-line input field for
text input.

name attribute identifies the form control and is sent


along with information they enter to the server

RESULT
password input
The <input type="password"> defines a single-line input
field for text input except that character in a password
field are masked (shown as asterisk or circle

RESULT
date input

The <input type="date"> defines a date picker.


The resulting value includes the year, month, and day.

RESULT
radio button
The <input type="radio"> defines a radio button.
Radio buttons let a user select ONE of a limited number of choices.

checked attribute can be used to indicate which value (if any) should be
selected when the page loads

RESULT
checkbox

The <input type="checkbox"> defines a checkbox.

Checkboxes are used to let a user select one or more options in


answer to a question

RESULT
drop down list box

The <select> element is used to create a drop-down list. it


contains two or more <option>

The <option> element is used to specify the options that the user
can select from.

RESULT
text area
The <textarea> element is used to create a multi-line text
input.

RESULT
submit button and reset button

The <input type="submit"> is used to send a form to the server

The <input type="reset"> defines a reset button which resets all form values to its
initial values.

RESULT
What is input tag?
How to create a single-
line text input field?
What is the difference
between the radio button
and the checkbox?
ITS YOUR TIME
PETA #5

You might also like