Can I apply the required attribute to fields in HTML5?

by

Mandatory: Have the first value empty – required works on empty values

Prerequisites: correct html5 DOCTYPE and a named input field

<select name="somename" required>
<option value="">Please select</option>
<option value="one">One</option>
</select>

As per the documentation (the listing and bold is mine)

The required attribute is a boolean
attribute.
When specified, the user
will be required to select a value
before submitting the form.

If a select element

  • has a required attribute specified,
  • does not have a multiple attribute specified,
  • and has a display size of 1 (do not have SIZE=2 or more – omit it if not needed);
  • and if the value
    of the first option element in the
    select element’s list of options (if
    any) is the empty string     (i.e. present as value=""),
  • and that
    option element’s parent node is the
    select element (and not an optgroup
    element),

then that option is the
select element’s placeholder label
option.

More Related Contents:

  1. Can I apply the required attribute to fields in HTML?
  2. How can I disable an in a based on its value in JavaScript?
  3. Links in dropdown options
  4. How can I create unique IDs with JavaScript?
  5. How do I access the link to the content? [closed]
  6. javascript “if” statement returning false value when both values are equal
  7. How to detect if JavaScript is disabled?
  8. How to get an HTML element’s style values in javascript?
  9. Detect all changes to a (immediately) using JQuery
  10. Populate one dropdown based on selection in another
  11. HTML5 audio streaming: precisely measure latency?
  12. Javascript onclick function is called immediately (not when clicked)?
  13. How do I get a computed style?
  14. How can I open a link in new tab (and not new window)? [duplicate]
  15. Dashed border animation in css3 animation
  16. Adding images in JSfiddle [closed]
  17. How do I put codes from jsfiddle.net into my website?
  18. jQuery – Redirect with post data
  19. IE8 alternative to window.scrollY?
  20. Click on option event
  21. How to create new instance of an extended class of custom elements
  22. swfobject.embedSWF not working?
  23. How can I get an element’s ID value with JavaScript?
  24. How can I request an increase to the HTML5 localstorage size on iPad, like the FT web app does?
  25. Convert dropdown to selection boxes with color and trigger drop down action
  26. Javascript click event handler – how do I get the reference to the clicked item?
  27. Webstorm: “Cannot Resolve Directory”
  28. script links without href=”#”
  29. How to change button text or link text in JavaScript?
  30. Change/Get check state of CheckBox

Leave a Comment