7da04a348b
<!-- Please follow this checklist and put an x in each of the boxes, like this: [x]. It will ensure that our team takes your pull request seriously. --> - [x] I have read [freeCodeCamp's contribution guidelines](https://github.com/freeCodeCamp/freeCodeCamp/blob/master/CONTRIBUTING.md). - [x] My pull request has a descriptive title (not a vague title like `Update index.md`) - [x] My pull request targets the `master` branch of freeCodeCamp.
52 lines
1.2 KiB
Markdown
52 lines
1.2 KiB
Markdown
---
|
|
title: Required
|
|
---
|
|
## Required
|
|
|
|
|
|
The HTML required attribute is used in an input element to make the input field in a form required to submit the form.
|
|
If the user does not fill in the input field the form will not submit and it will give a message asking the user to fill out the field.
|
|
The `required` attribute is applicable to `<input>`, `<select>`, `<textarea>`.
|
|
|
|
For example:
|
|
```html
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>HTML Required Attribute</title>
|
|
</head>
|
|
<body>
|
|
<form action="/">
|
|
Text Field: <input type="text" name="textfield" required>
|
|
<input type="submit" value="Submit">
|
|
</form>
|
|
</body>
|
|
</html>
|
|
```
|
|
|
|
Select Example:
|
|
```html
|
|
<form action="/action.php">
|
|
<select required>
|
|
<option value="">None</option>
|
|
<option value="volvo">Volvo</option>
|
|
<option value="saab">Saab</option>
|
|
<option value="mercedes">Mercedes</option>
|
|
<option value="audi">Audi</option>
|
|
</select>
|
|
</form>
|
|
```
|
|
Text Area Example:
|
|
```html
|
|
<form action="/action.php">
|
|
<textarea name="comment" required></textarea>
|
|
<input type="submit">
|
|
</form>
|
|
```
|
|
|
|
Simply add `required` to an input element
|
|
|
|
#### More Information:
|
|
<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input" target="_blank">MDN article on the input element</a>
|
|
|