require-button-type.md

require-button-type

✅ The extends: 'recommended' property in a configuration file enables this rule.

🔧 The --fix option on the command line can automatically fix some of the problems reported by this rule.

This rule requires all <button> elements to have a valid type attribute.

By default, the type attribute of <button> elements is submit. This can be very confusing, when a button component is developed in isolation without type="button", and when inside a <form> element it suddenly starts to submit the form.

Examples

This rule forbids the following:

<button>Hello World!</button>
<button type="">Hello World!</button>
<button type="invalid">Hello World!</button>

This rule allows the following:

<button type="button">Hello World!</button>
<button type="submit">Hello World!</button>
<button type="reset">Hello World!</button>

References

• HTML spec - the button element