Does the select element have the required attribute?

Question

Almost dup of http://stackoverflow.com/q/6048710/1178314 which have a more complete answer imo. (Not flagging as dup cause the linked question is doing a false assumption.) — Frédéric, Feb 25 '16 at 17:16

score 150 · Accepted Answer · answered Nov 27 '11 at 17:19

150

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

answered Nov 27 '11 at 17:19

Ariful Islam

7,639
7
36
54

31

Do not forget `value=""`, otherwise it will not work (chrome 25) – Vivien May 23 '13 at 10:01
But it wont become red like other empty required fields – Aseem May 24 '19 at 07:08
Using Chrome v92 and it still doesn't work without setting `value=""` to `Please select` item – Sumit Wadhwa Aug 25 '21 at 13:53

score 13 · Answer 2 · edited Jul 04 '17 at 16:36

13

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 :

HTML Select required Attribute (W3C)

edited Jul 04 '17 at 16:36

Hybris95

2,286
2
16
33

answered Jul 04 '17 at 09:36

Abubakar Ahmed Ruma

151
1
6

score 1 · Answer 3 · answered Feb 19 '20 at 08:47

1

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>

answered Feb 19 '20 at 08:47

kamau wairegi

428
4
6

Thank you for the hidden attribute! – MCFreddie777 Mar 22 '20 at 20:40

score -2 · Answer 4 · answered Aug 31 '13 at 07:52

-2

Yes it does, but currently it is not supported by any version of all major browsers. This includes Safari, Chrome, Firefox, and IE.

answered Aug 31 '13 at 07:52

Idris Armstrong

5
1

That is not true, see [this](http://www.wufoo.com/html5/attributes/09-required.html), for example. This is a very old question which has an accepted answer. – MasterAM Aug 31 '13 at 08:26

score -3 · Answer 5 · answered Oct 31 '14 at 16:03

-3

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/

answered Oct 31 '14 at 16:03

juanmjimenezs

45
3

6

Welcome 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? – Jason Baker Oct 31 '14 at 16:13

Does the select element have the required attribute?

5 Answers5

Reference :

Linked