html - HTML：创建组合框样式控件

Question

如何在 HTML 表单的选择标记内创建文本字段。

我试过了

<form>

<select>
<option> <input type="text"/> </option>
<option> myname </option>
<option> yourname </option>

</select>

</form>

但这不起作用..有什么线索吗？

例如，请参阅此网站http://petsplusus.com/quote/pet宠物品种字段

Answer 1

在选择的选项中输入无效，但人们所做的是创建一个自定义选择，您可以在其中有一个搜索框，您可以使用一个小插件来做到这一点，这里是选择

Answer 2

你不能有一个标签的input内部。<option>那是无效的。

Answer 3

您不能input在select/option. 因为：

• 是无效的 HTML；
• 没有任何意义

Answer 4

标签内不能有输入。相反，您必须执行以下操作：

<select>
  <option value="dog">dog</option>
  <option value="cat">cat</option>
</select>

请查看http://www.w3schools.com/tags/tag_select.asp

Answer 5

下拉列表中不能有文本框。

您可以将文本框放在下拉列表之外，并且仅在选择特定选项时显示它：

<script type="text/javascript">
function settext(sel) {
  if (sel.selectedIndex == 1) {
    document.getElementById('txt').style.display = 'block';
  } else {
    document.getElementById('txt').style.display = 'none';
  }
}
</script>

<select onchange="settext(this);">
  <option> custom name: </option>
  <option> myname </option>
  <option> yourname </option>
</select>
<input type="text" id="txt" style="display:block" />

Answer 6

听起来你想创建一个组合框。

jQuery UI 有一个自动完成插件可以为你做这件事。如果您不使用 jQuery 或 jQuery UI，谷歌搜索“组合框”可以让您朝着正确的方向开始。