下拉列表中没有空白项的空白 HTML SELECT [英] Blank HTML SELECT without blank item in dropdown list

问题描述

如何实现subj?

当我写:

<form>
  <select>
     <option value="0">aaaa</option>
     <option value="1">bbbb</option>
  </select>
</form>

然后默认选中的项目是aaaa"

then default selected item is "aaaa"

当我写:

<form>
  <select>
     <option value=""></option>
     <option value="0">aaaa</option>
     <option value="1">bbbb</option>
  </select>
</form>

然后默认选中的项目是空白的，但是这个空白的项目出现在下拉列表中.

then default selected item is blank, but this blank item presents in drop down.

如何使用隐藏在下拉列表中的默认空白值来实现 SELECT 标记?

how i can implement SELECT tag with default blank value that hidden in dropdown list?

推荐答案

只使用禁用和/或隐藏的属性:

Just use disabled and/or hidden attributes:

<option selected disabled hidden style='display: none' value=''></option>

• selected 使该选项成为默认选项.
• disabled 使该选项无法点击.
• style='display: none' 使此选项不会在旧版浏览器中显示.请参阅:我可以使用隐藏属性的文档.
• hidden 使该选项不显示在下拉列表中.
• selected makes this option the default one.
• disabled makes this option unclickable.
• style='display: none' makes this option not displayed in older browsers. See: Can I Use documentation for hidden attribute.
• hidden makes this option to don't be displayed in the drop-down list.

这篇关于下拉列表中没有空白项的空白 HTML SELECT的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！