HTML <button> Tag
A clickable button is represented by the button tag. This tag is also referred to as the <button> element.
Text (including tags like <b>, <strong>, <br>, <img>, and so on) can be placed within a <button> element. That is not feasible with an <input> element-created button!
Always include the type property with a <button> element to notify browsers what sort of button it is.
Syntax
Attributes
| Attribute | Value | Description |
|---|---|---|
| autofocus | autofocus | Whether or whether the button should have input focus when the page loads, unless the user overrides it. |
| disabled | disabled | A Boolean value that indicates that the user is unable to interact with the button. |
| form | form-id | The form that owns the button is indicated by the value. In the same text, it is the Id of a. |
| formaction | URL | When a form is submitted, this property specifies where the form-data should be sent. Only when type="submit" is used. |
| formenctype |
application/x-www-form-urlencoded
multipart/form-data text/plain |
The Uniform Resource Identifier (URI) of an application that will handle the information supplied by the button. |
| formmethod |
get
post |
The type of material used to send the form to the server. |
| formnovalidate | formnovalidate | When the form is submitted, this value indicates that it will not be approved. |
| formtarget |
_blank
_self _parent _top framename |
Name or keyword specifying where the response should be displayed after submitting the form. |
| name | name | The button's name |
| type |
button
reset submit |
The button's style. |
| value | text | The button's initial value |
Supported Browsers
| Element | Chrome | Firefox | Safari | Edge / IE | Opera |
|---|---|---|---|---|---|
| <button> | Yes | Yes | Yes | Yes | Yes |