`input-list-references-datalist`

HTML Living Standard §4.10.5.2 によれば、<input> 要素の list 属性はユーザーへ提示する候補一覧を持つ要素を指すために用いられ、指定された場合、その値は同じツリー内の <datalist> 要素の ID でなければなりません。

ID の存在自体は no-refer-to-non-existent-id ルールが扱います。本ルールは ID が存在し、かつ参照先が <datalist> 以外の要素の場合にのみ発火します。

❌ このルールに適合しない誤ったコードの例

<input type="text" list="notdatalist" />
<div id="notdatalist">Not a datalist</div>

✅ このルールに適合する正しいコードの例

<input type="text" list="colors" />
<datalist id="colors">
  <option value="Red"></option>
  <option value="Green"></option>
  <option value="Blue"></option>
</datalist>

Interface

{
  "input-list-references-datalist": boolean
}

input 要素の list 属性は、実在する datalist 要素の ID を参照しなければならないことを強制します。

Default Severity

error

Interface​

Default Severity​

Interface

Default Severity