HTML required attribute | Bootcamps

Do you know the attribute required of HTML? HTML is a programming language that allows us to develop projects for the web from different tags. One of the most important tags for interaction with a web user is form, with which we create a form of various input. In this post, we will teach you What is the attribute and how does it work? required HTMLfundamental to define the behavior of the input of a form.

What is the HTML required attribute?

The attribute required of HTML is a type feature boolean that can be placed on a label input. Being of type boolean, This attribute performs its function by simply existing within the label.

Exactly what does this attribute do? The key word required allows us to make a input of a form is mandatory. That is, make the user insert a value into this input so that the form can be submitted, either with a button or with a enter keyboard.

As you can read in the article HTML attribute:required from the official Mozilla Developer Network page, the attribute required is supported by different types of input. However, it is not supported by some of the display options, such as range, color and hiddennor any of the tag types button, even though the labels button and input they are similar.

Another characteristic of this attribute is that, when present within a input, can be accessed with the pseudoclass:required.

You can learn more about these concepts in our posts on pseudoclasses and pseudoelements in CSS and types of input in React.

To execute the function of this attribute, just insert the word required in the list of attributes of the input wanted. You don’t have to give it a certain value, it just needs to be present. Below we show you an example of this insertion:

With the previous lines of code, we have achieved that the user must insert a value before submitting the form. If the user does not execute this action, you will see an automatic alert like the following:

By being able to be inserted or not, the use of this attribute allows us to delegate the responsibility for making one or more fields of a form mandatory. That is, instead of having to program this logic from JavaScript, we can do it directly within HTML.

Whats Next?

After reading this post, you know exactly what the attribute is and how it works required of HTML. However, There is still a lot to learn about this and other programming languages! Therefore, we invite you to participate in our Full Stack Web Development Bootcamp, where you will learn to develop with fundamental languages ​​for the web, such as JavaScript, HTML, CSS and JSX. Don’t miss it and ask for more information!