Allowed attribute values (attribute-allowed-values)

Validates attributes for allowed values. Use element-required-attributes tog validate presence of attributes.

The requirements comes from the element metadata:

{
  "input": {
    "attributes": {
      "type": ["text", "email", "..."]
    }
  }
}

Rule details

Examples of incorrect code for this rule:

<a href>...</a>
<input type="foobar">

error: Attribute "href" is missing value (attribute-allowed-values) at inline:1:4:
> 1 | <a href>...</a>
    |    ^^^^
  2 | <input type="foobar">


error: Attribute "type" has invalid value "foobar" (attribute-allowed-values) at inline:2:14:
  1 | <a href>...</a>
> 2 | <input type="foobar">
    |              ^^^^^^


2 errors found.

Examples of correct code for this rule:

<a href="page.html">...</a>
<input type="text">