<p>In Chrome both links work...but not in Firefox or Safari! Read the <a href="https://www.w3.org/TR/html5/forms.html#the-button-element">spec</a> to find out why they don't work. Or my <a href="//hannaliebl.com/blog/the-curious-case-of-chrome-buttons">blog post</a>.</p> <button type="button"> Just some phrasing content. I do nothing. </button> <button type="button"> <ul> <li><a href="https://www.google.com/">Whew...an anchor link inside of an ul - double whammy</a></li> </ul> </button> <button type="button"> <a href="https://www.google.com/">Phrasing content, but interactive content, so a no no as well</a> </button>
As a PRO member, you can drag-and-drop upload files here to use as resources. Images, Libraries, JSON data... anything you want. You can even edit them anytime, like any other code on CodePen.
Also see: Tab Triggers