button vs. input type=”button” /. Which to use?

  • Here’s a page describing the differences (basically you can put html into a <button></button>)
  • And another page describing why people avoid <button></button> (Hint: IE6)

Another IE problem when using <button />:

And while we’re talking about IE, it’s got a couple of bugs related to the width of buttons. It’ll mysteriously add extra padding when you’re trying to add styles, meaning you have to add a tiny hack to get things under control.

Related Posts:

  1. Get the value in an input text box
  2. HTML input – name vs. id
  3. How to make a monopoly board using css grid?
  4. Redirect from an HTML page
  5. How to horizontally center an element
  6. Android WebView err_unknown_url_scheme
  7. How to create an HTML button that acts like a link
  8. What is the main difference of
    and
  9. Why does z-index not work?
  10. Is it possible to write data to file using only JavaScript?
  11. Image is not showing in browser?
  12. Is it possible to write data to file using only JavaScript?
  13. Is “ ” a replacement of ” “?
  14. HTML Button : Navigate to Other Page – Different Approaches
  15. Which is better: or
  16. Adding attribute in jQuery
  17. Is element block level or inline level?
  18. XPath //div[contains(text(), ‘string’)] fails to select divs containing ‘string’
  19. Two divs side by side – Fluid display
  20. Proper way to make HTML nested list?
  21. FontAwesome icons are not showing, Why?
  22. Remove border from IFrame
  23. CSS horizontal scroll
  24. mailto using javascript
  25. Mailto using Javascript?
  26. Can I set subject/content of email using mailto:?
  27. How do I set a background-color for the width of text, not the width of the entire element, using CSS?
  28. text-overflow: ellipsis not working
  29. How to reference nested classes with css?
  30. How to save user input into a variable in HTML and JavaScript
  31. Why is there an unexplainable gap between these inline-block div elements?
  32. How to make JavaScript execute after page load?
  33. Hide element by class in pure Javascript
  34. How to align content of a div to the bottom
  35. How to draw a dotted line with css?
  36. Function not defined javascript
  37. Navigate to an anchor on another page
  38. What is gZip compression?
  39. Why doesn’t height: 100% work to expand divs to the screen height?
  40. How can I position my div at the bottom of its container?
  41. Why doesn’t height: 100% work to expand divs to the screen height?
  42. How can I position my div at the bottom of its container?
  43. AppendChild() is not a function javascript
  44. How to overlay one div over another div
  45. How can I change an element’s class with JavaScript?
  46. difference between iframe, embed and object elements
  47. Input Type URL – Says “Please enter a URL” if HTTP is not included
  48. Place input box at the center of div
  49. Can HTML checkboxes be set to readonly?
  50. Best HTML5 markup for sidebar
  51. Difference between CAPTCHA and reCAPTCHA
  52. how to do a line break in Bootstrap 3.3.7
  53. Vertical align not working on inline-block
  54. HTML table needs spacing between columns, not rows
  55. How do you specify table padding in CSS? ( table, not cell padding )
  56. link not working
  57. Generating a Random Number for HTML
  58. HTML Links are not working
  59. How to extract svg as file from web page
  60. Making an image act like a button
  61. Is it possible to use css to shrink text to automatically fit the size of the div
  62. HTML5 Canvas Rotate Image
  63. How can I align text directly beneath an image?
  64. HTML vs SHTML vs PHTML
  65. Change background color of iframe issue
  66. jQuery find element by data attribute value
  67. WordPress footer menu floating with height of footer
  68. Keep HTML format when switching from Visual to HTML editor
  69. Get entire page content (generated HTML in browser)
  70. Can I force WordPress to use instead of ?
  71. Will my WordPress site become vulnerable to Cross-Site Scripting (XSS) if I allow img tags in the comments area?
  72. Add HTML to single post tag
  73. WordPress “Page not found error” when I edit a page
  74. How do I put a wordpress blog into my html site?
  75. New to CMS – WP functionality. overkill or just right?
  76. how add custom tag/tool in classic editor?
  77. Attribute Quote Style in WordPress HTML
  78. Allow HTML in Settings API input field
  79. Create custom markup to use in posts?
  80. Widget Text Needs to be White [closed]
  81. Why can’t I edit HTML in WordPress even with the administrator role?
  82. Adding HTML to posts with certain tags?
  83. Adding to the WYSIWYG
  84. Redirect WP 404 to html
  85. How to remove auto generated markup? [closed]
  86. Is there a common structure for a wordpress formular?
  87. a generated wordpress page from a form that is inputted by user [closed]
  88. creates an unnecessary space in content?
  89. WordPress is replacing code with   when I add to posts
  90. Echo outside HTML
  91. WBR tag breaking hyperlinks
  92. allow html characters on eshop data entry boxes
  93. Query WordPress Database and Post HTML Table
  94. theme or plugin or server is outputting html before the init hook fires, how is it possible to prevent this
  95. How to Know If I’ve Correctly Inserted Alt Attributes Into HTML
  96. WordPress HTML editor panel is not showing HTML elements
  97. How to hide unwanted HTML Comment like in website [duplicate]
  98. HTML code not working in WordPress
  99. WordPress adds ‘noindex’ tag to search results. Anything I can do about it?
  100. How can we get Buddypress to interpret HTML entities correctly?

Leave a Comment