<!-- 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.
1.2 KiB
1.2 KiB
title
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:
<!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:
<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:
<form action="/action.php">
<textarea name="comment" required></textarea>
<input type="submit">
</form>
Simply add required
to an input element