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>
|
||
|
|
|