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 >w3wiki</ 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 >w3wiki</ 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 >w3wiki</ 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
- Firefox
- Opera
Contact Us