@hint/hint-button-type

Check if button has type attribute set

Last updated 3 months ago by vidorteg .

Apache-2.0 · Repository · Bugs · Original npm · Tarball · package.json

$ npm install @hint/hint-button-type

SYNC missed versions from official npm registry.

Specify button type (`button-type`)

button-type checks if all buttons have a type attribute set.

Why is this important?

The default type for <button> is submit (not type="button" as one might expect). This can lead to surprising keyboard behavior within a form.

The best way to avoid unexpected surprises is to always explicitly set a type on <button>s.

What does the hint check?

This hint checks whether the type attribute of a <button> is explicitly set.

Examples that trigger the hint

<button></button>

Examples that pass the hint

<button type="submit"></button>
<button type="button"></button>

How to use this hint?

This package is installed automatically by webhint:

npm install hint --save-dev

To use it, activate it via the .hintrc configuration file:

{
    "connector": {...},
    "formatters": [...],
    "parsers": [...],
    "hints": {
        "button-type": "error"
    },
    ...
}

Note: The recommended way of running webhint is as a devDependency of your project.

Further Reading

What can the user read to know more about this subject?

Never forget type="button" on generated buttons! by Lea Verou.

Current Tags

3.0.23 ... latest (3 months ago)

47 Versions

Maintainers (5)

Downloads

Total 0

Today 0

This Week 0

This Month 0

Last Day 0

Last Week 0

Last Month 0

Dependencies (3)

Dev Dependencies (14)

@hint/utils-create-server ^3.4.27
@hint/utils-dom ^2.2.4
@hint/utils-tests-helpers ^6.5.7
@types/node ^20.1.1
@typescript-eslint/eslint-plugin ^5.59.2
@typescript-eslint/parser ^4.33.0
ava ^4.3.3
copyfiles ^2.4.1
eslint ^7.32.0
eslint-plugin-markdown ^2.2.1
npm-run-all ^4.1.5
nyc ^15.1.0
rimraf ^5.0.0
typescript ^4.5.5

Dependents (2)

© 2010 - cnpmjs.org x YWFE | Home | YWFE