Two input fields inside one label

by

No, it’s not correct (since, as you note, a label is associated with exactly one form input).

To label a group of inputs that belong together, use a <fieldset> and a <legend>:

<fieldset>
  <legend>Range</legend>
  <label for="min">Min</label>
  <input id="min" name="min" />

  <label for="max">Max</label>
  <input id="max" name="max" />
</fieldset>

References:

More Related Contents:

  1. How to hide a text and make it accessible by screen reader?
  2. input type=”submit” Vs button tag are they interchangeable? [duplicate]
  3. What is aria-label and how should I use it?
  4. Default html form focus without JavaScript
  5. Accessibility: recommended alt-text convention for SVG and MathML?
  6. Do checkbox inputs only post data if they’re checked?
  7. How to center elements on the last row in CSS Grid?
  8. Using margin:auto to vertically-align a div
  9. Youtube autoplay not working on mobile devices with embedded HTML5 player
  10. Is the ‘type’ attribute necessary for tags?
  11. Responsive CSS Trapezoid Shape
  12. How can I set the max-width of a table cell using percentages?
  13. Flex items not respecting margins and box-sizing: border-box
  14. Using HTML in jQuery UI autocomplete
  15. Do HTTP POST methods send data as a QueryString?
  16. Embed a Powerpoint in a Web Page
  17. CSS for changing color of last word in h1
  18. CSS box shadow around a custom shape?
  19. floating elements are outside of containing blocks?
  20. Can websocket messages arrive out-of-order?
  21. How to have two items on opposite sides on the same line
  22. Safari – Videos load far too slowly
  23. How can I wrap my markdown in an HTML div?
  24. HTML maxlength attribute not working on chrome and safari?
  25. CSS Rounded corners
  26. How to avoid ie8 compatibility button?
  27. How to make a fixed column in CSS using CSS Grid Layout?
  28. How to hide full screen button of the video tag in HTML5
  29. Put fixed text on an input text box
  30. CSS float-right not working in Bootstrap 4 Navbar [duplicate]

Leave a Comment