button

The button element represents a control allowing a user to trigger actions, when enabled. It is labeled by its content. 4.10.6. The button element

Links about button

1. HTMHell - #20 HTMHell special: close buttons

   posted on May 23, 2020

   A collection of bad practices in HTML, copied from real websites.

   

2. A Complete Guide to Links and Buttons | CSS-Tricks

   posted on February 21, 2020 by Chris Coyier

   Our complete guide to links, buttons, and button-like inputs in HTML, CSS, and JavaScript.

   

3. The Links vs. Buttons Showdown — Marcy Sutton: #ID24 Nov 2017

   posted on November 16, 2017 by Marcy Sutton

   Who would win in a showdown between HTML Links and Buttons? Marcy Sutton will settle it once and for all by pitting these opponents against each other in a d...

   Tags:

   • accessibility
   • video
   

4. Just use button -- A11ycasts #05

   posted on September 16, 2016 by Rob Dodson

   Talking about tabindex and custom controls is super fun, and we’ll definitely be doing more of it in the future. But I wanted to pause for a moment and shine...

   Tags:

   • accessibility
   • video
   

5. Unbuttoning Buttons | scottohara.me

   posted on October 3, 2018 by Scott O'Hara

   Regardless of how one might feel about using CSS to disguise an HTML element as another, it can’t be denied that it’s a common, and sometimes necessary, prac...

   Tags:

   • accessibility
   

6. HTMHell - #14 not my type

   posted on January 17, 2020

   A collection of bad practices in HTML, copied from real websites.

   

7. HTMHell - #5 button-like-link

   posted on October 22, 2019

   A collection of bad practices in HTML, copied from real websites.

   

8. HTMHell - #3 image-buttons

   posted on October 22, 2019

   A collection of bad practices in HTML, copied from real websites.

   

9. HTMHell - #2 div with button role

   posted on October 17, 2019

   A collection of bad practices in HTML, copied from real websites.

   

10. HTMHell - #1 button disguised as a link

    posted on October 17, 2019

    A collection of bad practices in HTML, copied from real websites.

    

11. <button>: The Button element

    posted on February 26, 2020 by MDN

    The HTML button element represents a clickable button, used to submit forms or anywhere in a document for accessible, standard button functionality.

    

Code sample

<button type="submit">
  Look ma', I'm not a div.
</button>