HTML <button> with type Attribute

February 10, 2021 7:26 pm IST

You are Here:

HTML <button> with type Attribute

The type attribute specifies the type of the button.

Note: The button element will work without type attribute. But it is recommended to mention the type attribute because different browsers may use different default types for the <button> element.

button

Specifies that the button is dummy. You can use JavaScript to add functionality.

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <form action="/user-name.php" method="get"> Name: <input type="text" name="name"> <button type="button">Button</button> </form> </body> </html>

Run

Attribute Value

Value	Explanation
button	Specifies that the button is dummy.
reset	Specifies that the form-data will reset to its default value when clicked.
submit	Specifies that the form-data will be submited to the specific URL when clicked.

reset

Specifies that the form-data will reset to its default value when clicked.

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <form action="/user-name.php" method="get"> Name: <input type="text" name="name"> Age: <input type="text" name="age" value="35"> <button type="reset">Reset</button> </form> </body> </html>

Run

submit

Specifies that the form-data will be submited to the specific URL when clicked.

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <form action="/user-name.php" method="get"> Name: <input type="text" name="name"> <button type="submit">Submit</button> </form> </body> </html>

Run