no-extra-selected-options

HTML Living Standard §4.10.7 (the select element) では、multiple 属性を持たない <select> の "list of options" のうち selected 属性が付いている <option> は最大1個までと定められています。

ここでの "list of options" は、<select> の直接の <option> 子要素と、<optgroup> 子要素配下の <option> 要素のことです。

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

<select>
  <option selected>One</option>
  <option selected>Two</option>
</select>

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

<select>
  <option selected>One</option>
  <option>Two</option>
</select>
<select multiple>
  <option selected>One</option>
  <option selected>Two</option>
</select>

Interface

{
  "no-extra-selected-options": boolean
}

multiple属性を持たないselect要素の配下に、selected属性付きoption要素が複数ある状態を禁じます。

Default Severity

error