2018-10-04 14:47:55 +01:00
|
|
|
---
|
|
|
|
|
title: Required
|
|
|
|
|
---
|
|
|
|
|
## Required
|
|
|
|
|
|
|
|
|
|
|
2019-02-17 05:13:02 -05:00
|
|
|
The HTML `required` attribute specifies that filling out an input field is mandatory before a form can be submitted. <br />
|
2018-11-04 01:12:47 -04:00
|
|
|
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. <br /> <br />
|
|
|
|
|
The `required` attribute is applicable to `<input>`, `<select>`, and `<textarea>`.
|
2018-10-04 14:47:55 +01:00
|
|
|
|
2018-11-04 01:12:47 -04:00
|
|
|
`<input>` example:
|
2018-10-04 14:47:55 +01:00
|
|
|
```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>
|
|
|
|
|
```
|
|
|
|
|
|
2018-11-04 01:12:47 -04:00
|
|
|
`<select>` Example:
|
2018-10-04 14:47:55 +01:00
|
|
|
```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>
|
|
|
|
|
```
|
2018-11-04 01:12:47 -04:00
|
|
|
`<textarea>` Example:
|
2018-10-04 14:47:55 +01:00
|
|
|
```html
|
|
|
|
|
<form action="/action.php">
|
|
|
|
|
<textarea name="comment" required></textarea>
|
|
|
|
|
<input type="submit">
|
|
|
|
|
</form>
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
#### More Information:
|
|
|
|
|
<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input" target="_blank">MDN article on the input element</a>
|
|
|
|
|
|
