html tutorial - Button <button> tag in HTML - html5 - html code - html form
Learn html - html tutorial - button tag in html - html examples - html programs
- <button> element specifies the clickable function.
- Inside the button tag we can put content like images or text.
- It supports Global and event attributes.
- <button> tag belongs to Flow content, Phrasing content, interactive content, listed, labelable,submittable form associate Content category.
Syntax for <button> tag:
Sample Coding for <button> tag:
Code Explanation for <button> tag:
- <button> tag used to show a button with clickable event.
Output of <button> tag:
- Button is displayed with the name “Click Me!” text.
- When user clicks the button an alert message is displayed as “welcome to wikitechy”.
Attribute for <button>tag:
Attribute | Value | HTML4 | HTML5 | Description |
---|---|---|---|---|
autofocus | autofocus | No | Yes | a button should automatically get focus when the page loads |
form | form_id | No | Yes | one or more forms the button belongs to |
formaction | URL | No | Yes | Denotes where to send the form-data when a form is submitted. Only for type="submit" |
formenctype | application/x-www-form-urlencoded multipart/form-data text/plain |
No | Yes | Denotes how form-data should be encoded before sending it to a server. Only for type="submit" |
formmethod | get post |
No | Yes | Specifies how to send the form-data (which HTTP method to use). Only for type="submit" |
formnovalidate | formnovalidate | No | Yes | Specifies that the form-data should not be validated on submission. Only for type="submit" |
formtarget | _blank _self _parent _top framename |
No | Yes | Specifies where to display the response after submitting the form. Only for type="submit" |
disabled | disabled | Yes | No | a button should be disabled |
name | name | Yes | No | a name for the button |
type | button reset submit |
Yes | No | the type of button |
value | text | Yes | No | Specifies an initial value for the button |
Browser Support for <button> tag:
No | No | Yes | No | No |