Closing HTML tag issue

by

These are void elements. This means they aren’t designed to contain text or other elements, and as such do not need — and in fact, cannot have — a closing tag in HTML.1

However, they can have a <label> associated with them:

<input id="my_id" type="radio" name="radio_name">
<label for="my_id">Radio Label</label>

Radio buttons by nature can’t contain text anyway, so it wouldn’t make sense for them to accept text or other elements as content. Another issue with a control that does accept text as input: should its textual content then be its value, or its label? To avoid ambiguity we have a <label> element that does exactly what it says on the tin, and we have a value attribute for denoting an input control’s value.

1 XHTML is different; by XML rules, every tag must be opened and closed; this is done with the shortcut syntax instead of a </input> tag, although the latter is equally acceptable:

<input id="my_id" type="radio" name="radio_name" />
<label for="my_id">Radio Label</label>

More Related Contents:

  1. Display HTML snippets in HTML
  2. Why is the tag deprecated in HTML?
  3. Is it necessary to write HEAD, BODY and HTML tags?
  4. using href links inside tag
  5. What is the difference between HTML div and span elements?
  6. Why are nested anchor tags illegal?
  7. Is it sometimes bad to use ?
  8. How to apply Hovering on html area tag?
  9. How to create custom tags for HTML [closed]
  10. What is initial scale, user-scalable, minimum-scale, maximum-scale attribute in meta tag?
  11. White space inside XML/HTML tags
  12. Will the and tags ever become deprecated?
  13. In HTML5, can the and tags appear outside of the tag?
  14. What was the tag used for?
  15. Self-closing tags (void elements) in HTML5
  16. Is whitespace allowed within XML/HTML tags?
  17. Strip all HTML tags except links
  18. POST vs post, GET vs get
  19. How does stackoverflow make its Tag input field? [closed]
  20. Why use HTML5 tags? [duplicate]
  21. What’s the difference between the HTML width / height attribute and the CSS width / height property on the img element?
  22. 100% height background starting at 50% horizontally
  23. Is it possible to set the equivalent of a src attribute of an img tag in CSS?
  24. Why is  appearing in my HTML? [duplicate]
  25. AngularJS ngClass conditional
  26. Angular2 – Input Field To Accept Only Numbers
  27. Displaying unicode symbols in HTML
  28. Why cannot change checkbox color whatever I do? [duplicate]
  29. Storing arbitrary info in HTML tags for JavaScript?
  30. How to make text vertically and horizontally center in an HTML page

Leave a Comment