freeCodeCamp/mock-guide/english/html/attributes/required/index.md

1.2 KiB

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