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

next → ← prev

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:

element as shown in the following syntax:

<select required>

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:

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

<html> <head> <title> Example of required attribute with textarea </title> <style> div { padding: 10px 0; } </style> <head> <body> <form> Any Comment : <br> <textarea cols="80" rows="5" placeholder="Enter a comment" value="address" required>
Test it Now
Output:

Browser Support

Element Chrome IE Firefox Opera Safari

Yes Yes Yes Yes Yes

Next TopicHTML Space Code

← prev next →

Hot Tutorials

HTML/CSS

JavaScript

Backend language

Development Framework

Database

Mobile development

Development tools

Big Data

XML Tutorial

Contact US

Email:jjw.quan@gmail.com

HTML Required Attribute

10/30