You are on page 1of 14

Objectives

COMPUTER 9
PREPARED BY: SHEILA MARIE CASTILLANO
OBJECTIVES

1.Add forms to their websites


2.Appreciate the use of forms in creating
websites
3.Verify given information on websites
FORM

on a web page allows a user to enter data that


is sent to a server for processing. Forms can
resemble paper or database forms because
web users fill out the forms using
checkboxes, radio buttons, or text fields.
<!DOCTYPE html>
<html>
<body>
BASIC FORM
<h2>HTML FORM BASIC INFO</h2>

<form action="/action_page.php">
<label for="name">First name:</label><br>
<input type="name" value="Andy"><br>
<label for="name">Last name:</label><br>
<input type="name" value="Castro"><br>
<label for="name">Address:</label><br>
<input type="name" value="Cebu"><br><br>
<input type="submit" value="Submit">
</form>

<p>Click the "Submit" button.</p>

</body>
</html>
BASIC FORM
Autocomplete

The autocomplete has


on(enable) or off(disabled).
Autocomplete
<!DOCTYPE html>
<html>
<body>

<h1>The form autocomplete attribute</h1>

<p>TRY “ON”or “OFF”>

<form action="/action_page.php" autocomplete="on">


<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="email">Email:</label>
<input type="text" id="email" name="email"><br><br>
<input type="submit">
</form>

</body>
</html>
Autocomplete
(ON)
Autocomplete
(OFF)
Novalidate

The novalidate attribute in HTML


is used to define that the form
should not be validated when it is
submitted.
<!DOCTYPE html> Novalidate
<html>
<body>

<form action= novalidate>


E-mail: <input type="email" name="user_email">
Password: <input type="password“
name="user_password">
<input type="submit">
</form>

</body>
</html>>
Novalidate

You might also like