HTML | required Attribute
It is a Boolean attribute which is used to specify that the input element must be filled out before submitting the Form.
Elements: This attributes can be associated with three elements which are listed below:
- Syntax:
<input required>
- Example-1:
html
<!DOCTYPE html><html> <head> <title>required Attribute</title> <style> h1, h2 { color:green; font-style:italic; } body { text-align:center; } </style> </head> <body> <h1>GeeksForGeeks</h1> <h2>required attribute in input Field</h2> <form action=""> Username: <input type="text" name="username" required> <br> Password: <input type="password"name="password"> <br> <input type="submit"> </form> </body></html> |
- Output:
- Syntax:
<select required>
- Example-2:
html
<!DOCTYPE html><html> <head> <title>required Attribute</title> <style> h1, h2 { color:green; font-style:italic; } body { text-align:center; } </style> </head> <body> <h1>GeeksForGeeks</h1> <h2>required attribute in select Field</h2> <form action=""> <select required> <option value="">None</option> <option value="ds">Data Structure</option> <option value="algo">Algorithm</option> <option value="os">Operating System</option> <option value="cn">Computer Network</option> </select> <input type="submit"> </form> </body></html> |
- Output:
- Syntax:
<textarea required>
- Example-3:
html
<!DOCTYPE html><html> <head> <title>required Attribute</title> <style> h1, h2 { color:green; font-style:italic; } body { text-align:center; } </style> </head> <body> <h1>GeeksForGeeks</h1> <h2>required attribute in Textarea Field</h2> <form action=""> <textarea rows="7" cols="50" name="comment" required> </textarea> <input type="submit"> </form> </body></html> |
- Output:
Supported Browsers: The browser supported by required attribute are listed below:
- Google Chrome 5.0+
- Internet Explorer 11.0+
- Firefox 4+
- Opera 9.7+
Please Login to comment...