html - 在html select中制作一个不可选择的选项

Question

有没有办法创建一个选择元素，但是在选项中间，一个选项不能被选中？它会像标签一样工作。

<select>
 <option value="A">A</option>
 <option value="B">B</option>
 <option value="C">C</option>

<!--this one cant be selected -->
 <option value="">title</option>

 <option value="D">D</option>
 <option value="E">E</option>
</select>

Answer 1

您可以使用disabled 属性。此属性是一个 boolean 属性。

如果存在，它指定一个选项应该被禁用。

disabled 选项不可用且不可点击。

<select>
 <option value="A">A</option>
 <option value="B">B</option>
 <option value="C">C</option>

<!--this option cant be selected -->
 <option value="" disabled>title</option>

 <option value="D">D</option>
 <option value="E">E</option>
</select>