Does the select element have the required attribute?
5 Answers
Yes you can use required attribute in HTML5. But remember, first value should be empty.
<select required>
<option value="">Please select</option>
<option value="first">First</option>
</select>
Here you get the more example:
http://dev.w3.org/html5/spec-author-view/the-select-element.html#the-select-element
-
31Do not forget
value=""
, otherwise it will not work (chrome 25)– VivienCommented May 23, 2013 at 10:01 -
-
Using Chrome v92 and it still doesn't work without setting
value=""
toPlease select
item Commented Aug 25, 2021 at 13:53
Yes it has a required attribute, you can use it as follows
<select required>
<option value="" disabled selected>Choose</option>
<option value="first Option">First Option</option>
<option value="Second Option">Second Option</option>
</select>
Reference :
You can do this way to make it look better
<select required>
<option hidden="" disabled="disabled" selected="selected" value="">Select subject</option>
<option value="first Option">First Option</option>
<option value="Second Option">Second Option</option>
</select>
Yes it does, but currently it is not supported by any version of all major browsers. This includes Safari, Chrome, Firefox, and IE.
It is possible but (just Arif said above) it is important (obviously) that you use the first option without value like:
<form action="#" method="post">
<div>
<label for="State">State</label>
<select required id="State" name="State">
<option value="">Choose</option>
<option value="new">New</option>
<option value="old">Old</option>
</select>
</div>
</form>
You can see more info at: http://www.maxdesign.com.au/2012/11/03/select-required/
-
6Welcome to StackOverflow. This looks like it just repeats the information given by the accepted answer. Is there anything you can add to provide more information that would make your answer more distinct? Commented Oct 31, 2014 at 16:13