using href links inside tag

by 
<select name="forma" onchange="location = this.value;">
 <option value="Home.php">Home</option>
 <option value="Contact.php">Contact</option>
 <option value="Sitemap.php">Sitemap</option>
</select>

UPDATE (Nov 2015): In this day and age if you want to have a drop menu there are plenty of arguably better ways to implement one. This answer is a direct answer to a direct question, but I don’t advocate this method for public facing web sites.

UPDATE (May 2020): Someone asked in the comments why I wouldn’t advocate this solution. I guess it’s a question of semantics. I’d rather my users navigate using <a> and kept <select> for making form selections because HTML elements have semantic meeting and they have a purpose, anchors take you places, <select> are for picking things from lists.

Consider, if you are viewing a page with a non-traditional browser (a non graphical browser or screen reader or the page is accessed programmatically, or JavaScript is disabled) what then is the “meaning” or the “intent” of this <select> you have used for navigation? It is saying “please pick a page name” and not a lot else, certainly nothing about navigating. The easy response to this is well i know that my users will be using IE or whatever so shrug but this kinda misses the point of semantic importance.

Whereas a funky drop-down UI element made of suitable layout elements (and some js) containing some regular anchors still retains it intent even if the layout element is lost, “these are a bunch of links, select one and we will navigate there”.

Here is an article on the misuse and abuse of <select>.

More Related Contents:

  1. How to apply Hovering on html area tag?
  2. HTML Form: Select-Option vs Datalist-Option
  3. POST vs post, GET vs get
  4. Is it safe to use anchor to submit form?
  5. Two submit buttons in one form
  6. What is the boundary in multipart/form-data?
  7. How can I create a link to a local file on a locally-run web page?
  8. Disabled form inputs do not appear in the request
  9. What’s the proper value for a checked attribute of an HTML checkbox?
  10. How to open link in a new tab in HTML?
  11. Clear all fields in a form upon going back with browser back button
  12. Input Type image submit form value?
  13. Download attribute on A tag not working in IE
  14. How to remove the default arrow icon from a dropdown list (select element)?
  15. Multiple radio button groups in one form
  16. How do I send an HTML Form in an Email .. not just MAILTO
  17. Use a normal link to submit a form
  18. how to POST/Submit an Input Checkbox that is disabled?
  19. How can I open multiple links using a single anchor tag
  20. Is it correct to use alt tag for an anchor link?
  21. Set width of dropdown element in HTML select dropdown options
  22. Pre-Populate HTML form file input
  23. In HTML5, can the and tags appear outside of the tag?
  24. If an HTML form has two buttons, how do I know which got clicked?
  25. How to clear a form?
  26. What does “for” attribute do in an HTML tag?
  27. Upload a whole directory through an HTML form
  28. Strip all HTML tags except links
  29. How do you make a div tag into a link
  30. Can I nest form tags in other form tags?

Leave a Comment