> For the complete documentation index, see [llms.txt](https://eleven-fifty-academy.gitbook.io/javascript-100-prework-gitbook/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://eleven-fifty-academy.gitbook.io/javascript-100-prework-gitbook/javascript-library/0-prework/2-html-basics/form.md).
# form
In this module we will do the following:
1. Discuss the need for the form, label, and input tags.
2. Create a basic form.
3. Discuss fieldset and consolidating all items in a form together.
4. Discuss legend tag for creating nice looking heading in border.
5. Recreate form with radio buttons and checkboxes.
## File Location
For this module, you should be working in the following location:
```
javascript-library
└── 0-PreWork
└── 1-HTML-Basics
09-form.html <---You should be here.
└── 2-CSS-Basics
└── 3-JavaScript-Basics
└── 4-assets
```
## Description
It goes without saying, forms are everywhere on the web. From signing in to an application to ordering something on Amazon, we've all used forms. At some point as a new developer, you will work with forms.
## Sample Code
Add the following sample code to your file:
```markup
Forms
Forms
Basic Form with input field
```
## Discussion
We're starting to build on the foundation we've established, and you can probably see many of the subjects we've discussed starting to come together. In this file, we use `h1`, `h2`, `p`, `div` and, from the last lesson, `input`. We've started to describe our elements with a little more detail as well, using `attributes` on the input fields specifying the `type` that we want rendered. The result is that we're able to clearly state that we want a text box here, a checkbox there, and radio boxes in all the other places. \
\
With a solid grasp on these concepts, we're able to package elements inside of a `