

Notice, that specifying the type attribute is mandatory.

Buttons can be embedded in all HTML content categories, including elements. You are allowed to embed text and images into a element, in contrast to the element. Buttons provide interactivity in your site, that is why they should always be associated with a script (that is not always the case, as we will see later). The tag describes a clickable surface, which triggers an action, a JS method or event when clicking on it. Buttons on websites are a bit more complex to style, but they really give the site a finished and polished look when you customize them to fit your look and feel. No matter what CMS you might be using, WordPress, Drupal, Joomla, Magento, etc., it’s of benefit to learn some CSS to make sure you can carry your branding through your site.
