HTML Button Tag


Advertisements


Description

The HTML <button> tag is used for creating a button within HTML form. You can also use <input> tag to create similar buttons.

Example

<!DOCTYPE html>
<html>
<head>
<title>HTML Button Tag</title>
</head>
<body>
<form>
<button name="button" value="OK" type="button">Click Me</button>
</form>
</body>
</html>

This will produce following result:

Global Attributes

This tag supports all the global attributes described in - HTML Attribute Reference

Specific Attributes

The HTML <button> tag also supports following additional attributes:

AttributeValueDescription
autofocus html-5autofocusSpecifies that the button should have input focus when the page loads.
disabledhtml-5disabledSpecifies the button is disabled.
form html-5form_idSpecifies the forms to which button belongs.
formaction html-5URLSpecifies the link where the form submits.
formenctype html-5application
multipart/form-data
text/plain
Specifies how the form data is encoded before sending it to server.
formmethod html-5get
post
Specifies how to send form data.
formnovalidatehtml-5formnovalidateSpecifies that the form data should not be validated.
formtarget html-5_blank
_self
_parent
_top
Specifies where the response should be validated.
name nameSpecifies the button name.
type button
reset
submit
Specifies the button type.
value textSpecifies button's initial value.

Event Attributes

This tag supports all the event attributes described in - HTML Events Reference

Browser Support

ChromeFirefoxIEOperaSafari
YesYesYesYesYes

html_tags_reference.htm

Advertisements