Hands On: Representing Web Forms in HTML
In this lesson, we'll see how web forms are represented in HTML. Let's begin!
We'll cover the following...
Making use of the <form> tag
The key HTML element is <form>, which defines a web form within a page. The simplest web form takes only a few lines of markup:
<form action="ProcessAtServer.html"><input type="submit" value="Do it!"/></form>
form markup in html5
This <form> contains a single <input> tag that is decorated with the type="submit" attribute, and it represents a submit button.
The action property of <form> is set to ProcessAtServer.html, so when the user clicks the submit button, the content of the form will be sent to that page.
<!DOCTYPE html>
<html>
<head>
<title> Simplest Form</title>
<link href="style.css" rel="stylesheet" />
</head>
<body>
<form action="ProcessAtServer.html">
<input type="submit" value="Do it!"/>
</form>
</body>
</html>
Of course, as shown in the image below, ...
Ask