HTML Tutorial
HTML Attributes
- html-global-attributes
- html-event-attributes
HTML Tags List
HTML5 Advance
HTML API
HTML Color Names
- html-color-names
HTML Misc
MCQ
- html-mcq
Interview Questions
- html-interview-questions

HTML Required Attribute

The HTML Required attribute is a Boolean attribute which specifies that the input element must be filled out before the submission of form. This attribute used with the following elements:

</li> </ol> <h3 class="h3"><input></h3> <p>We can easily use the required attribute with the <input> element as shown in the following syntax:</p> <div class="codeblock"> <textarea name="code" class="xml"> <input required>

Example

<html>
<head>
<title>
Example of required attribute with input element 
</title>
<style>
div
{
padding: 10px 0;
}
</style>
<head>
<body>
<form>
<div>
<label>Name</label> 
<input type="text" placeholder="Enter Name" name="name" required> 
</div>
<div> 
<label> E-mail </label> 
<input type="email" placeholder="Enter email ID" name="email" required> 

</div>
<div>
 <label> Mobile No. </label> 
<input type="text" placeholder="Enter Your Mobile No." name="mobileno" required>
</div>

<div>
<label>Password</label> 
<input type="password" placeholder="Enter Password" name="psw" required> 
<br>
  </div> 
<button type="submit" VALUE="SUBMIT"> SUBMIT </button>
</form>
</body>
</html>

Test it Now

Output:

We can easily use the required attribute with the element as shown in the following syntax:

Example

<html>
<head>
<title> Example of required attribute with select option </title>
<style>
div
{
padding: 10px 0;
}
</style>
<head>
<body>
<form>
<label> 
Course :
</label> 
<select required>
<option value="">None</option>
<option value="BCA">BCA</option>
<option value="BBA">BBA</option>
<option value="B.Tech">B.Tech</option>
<option value="MBA">MBA</option>
<option value="MCA">MCA</option>
<option value="M.Tech">M.Tech</option>
</select>
<button type="submit" VALUE="SUBMIT"> SUBMIT </button>
</form>
</body>
</html>

Test it Now

Output: