Why use definition lists (DL,DD,DT) tags for HTML forms instead of tables?

by

I guess it’s up to you to determine the semantics, but in my opinion:

Rather than a definition list, form-related properties should be used. 

<form>
  <label for="fullname">Full Name:</label>
  <input type="text" name="fullname" id="fullname">
  <label for="email">Email Address:</label>
  <input type="text" name="email" id="email">
</form>

The “for” attribute in the <label> tag should reference the “id” attribute of a <input> tag. Note that when labels are associated with fields, clicking the label will put the associated field in focus.

You can also use tags like <fieldset> to cluster sections of a form together and <legend> to caption a fieldset.

More Related Contents:

  1. How to collect and manipulate data in HTML using
  2. Bootstrap height
  3. How to align checkboxes and their labels consistently cross-browsers
  4. Put icon inside input element in a form
  5. Google Chrome form autofill and its yellow background
  6. How do I change the color of radio buttons?
  7. Is there a way to style part of an input field’s value? [duplicate]
  8. Disabled form fields not submitting data [duplicate]
  9. Use a normal link to submit a form
  10. How to disable the resize grabber of ? [duplicate]
  11. How can I style a file input field in Firefox?
  12. Use Fieldset Legend with bootstrap
  13. Inline Form nested within Horizontal Form in Bootstrap 3
  14. Why do s clear floats?
  15. Can a ::before selector be used with a ?
  16. Which elements support the ::before and ::after pseudo-elements?
  17. How to align texts inside of an input?
  18. How do I style the HTML form validation error messages with CSS?
  19. Multiple submit buttons on HTML form – designate one button as default [duplicate]
  20. Can you style html form buttons with css?
  21. Styling autocomplete dropdowns in browsers
  22. How can I control the height of an Option element in Webkit?
  23. Make input element (type=”text”) handle multiple lines of text
  24. Is it bad design to use table tags when displaying forms in html?
  25. How do I style radio buttons with images – laughing smiley for good, sad smiley for bad?
  26. Can’t scroll HTML page down to see full content
  27. Css height in percent not working [duplicate]
  28. Circular percent progress bar
  29. CSS side by side div’s auto equal widths
  30. How to force table cell content to wrap?

Leave a Comment