Files
freeCodeCamp/mock-guide/english/html/attributes/required/index.md
Stuart Taylor 7da04a348b fix: Update packages and fix local dev (#26907)
<!-- 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.
2018-10-23 18:48:46 +05:30

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

More Information:

MDN article on the input element