HTML Form: Select-Option vs Datalist-Option

by

Think of it as the difference between a requirement and a suggestion. For the select element, the user is required to select one of the options you’ve given. For the datalist element, it is suggested that the user select one of the options you’ve given, but he can actually enter anything he wants in the input.

Edit 1: So which one you use depends upon your requirements. If the user must enter one of your choices, use the select element. If the use can enter whatever, use the datalist element.

Edit 2: Found this tidbit in the HTML Living Standard: “Each option element that is a descendant of the datalist element…represents a suggestion.”

More Related Contents:

  1. using href links inside tag
  2. Setting hidden datalist option values
  3. Submitting a form by pressing enter without a submit button
  4. How to align checkboxes and their labels consistently cross-browsers
  5. Put icon inside input element in a form
  6. What’s the proper value for a checked attribute of an HTML checkbox?
  7. When submitting a GET form, the query string is removed from the action URL
  8. Clear all fields in a form upon going back with browser back button
  9. Input Type image submit form value?
  10. Multiple submit buttons in an HTML form
  11. How to remove the default arrow icon from a dropdown list (select element)?
  12. Multiple radio button groups in one form
  13. How do I send an HTML Form in an Email .. not just MAILTO
  14. Use a normal link to submit a form
  15. how to POST/Submit an Input Checkbox that is disabled?
  16. Disable spell-checking on HTML textfields
  17. Default text which won’t be shown in drop-down list
  18. Why does file upload not work without the enctype property?
  19. Are Multi-line Options in Html Select Tags Possible?
  20. How can I create an editable dropdownlist in HTML?
  21. Getting an option text/value with JavaScript
  22. What characters are allowed in the HTML Name attribute inside input tag?
  23. Is there a valid way to disable autocomplete in a HTML form?
  24. How do I make a field required in HTML?
  25. Submit HTML form in a new tab
  26. POST vs post, GET vs get
  27. What’s the point of having hidden input in HTML? What are common uses for this?
  28. HTML Form: POST an array of objects
  29. Make input element (type=”text”) handle multiple lines of text
  30. Can I nest form tags in other form tags?

Leave a Comment