`Creating A Button With The HTML Button Element: Here's How`

Disclosure: Your support helps keep the site running! We earn a referral fee for some of the services we recommend on this page. Learn more

Element of: HTML Web Forms Tutorial For Coding Beginners
What does Creating A Button With The HTML Button Element: Here's How do?: The <button> element is used to create an HTML button. Any text appearing between the opening and closing tags will appear as text on the button. No action takes place by default when a button is clicked. Actions must be added to buttons using JavaScript or by associating the button with a form.
Display: inline

Code Example

<button type="button" onclick="alert('You pressed the button!')">Click me!</button>

Adam is a technical writer who specializes in developer documentation and tutorials.


All	All	All	All	All	All

Attribute name	Values	Notes
<button accesskey="">		Defines an keyboard shortcut for the button. As of HTML5, this is a global attribute that can be used on any element.
disabled		Disables the button. It cannot be clicked and usually appears gray.
name		Defines the name of the button, which is used for form inputs and labels.
type		Specifies the type of the button.
value		Sets the initial value of the button element.
onClick		Runs a script when a button is clicked.
tabindex		Determines the order of selection when the tab key is used.