Forms

Published Aug 4, 2021Updated Sep 15, 2023
Contribute to Docs

In HTML, forms are used for gathering and sending user input to an external source (like a server) for processing. This is done with the <form> element, which contains various labels and inputs.

Syntax

<form>
<!-- Form elements -->
</form>

Example

The following is an example of an HTML form that features <input> elements:

<!DOCTYPE html>
<html>
<head> </head>
<body>
<form method="post" action="http://server1">
Enter your name:
<input type="text" name="fname" />
<br />
Enter your age:
<input type="text" name="age" />
<br />
<input type="submit" value="Submit" />
</form>
</body>
</html>

The renderd output of above looks like this:

Rendered output of above snippet

Video Walkthrough

Watch this video for a step-by-step tutorial on creating HTML forms.

All contributors

Looking to contribute?

Learn HTML on Codecademy