Question

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

我试过了

<form>

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

</select>

</form>

但是这个没有工作..有什么线索吗？

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

Answer 1

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

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有autocomplete plugin可以为您执行此操作。如果您不使用jQuery或jQuery UI，Google搜索“combobox”可以帮助您开始正确的方向。

HTML：创建一个组合框样式的控件

6 个答案: