Html选择，选项为文本框

我正在用html编写一个选择下拉列表，其中

<option><input type="text"></option>

但当我运行该程序时，文本框从下拉列表中出现，在select中插入文本框的目的是，如果用户无法找到所需的选项。他将能够添加一个新的

这是选择代码您可以看到运行此代码的动态演示。为什么此输入类型的文本超出选择范围。请看一看

<select name="color"> 
    <option>pick a color</option>  
    <option value="red">RED</option>
    <option value="blue">BLUE</option>    
    <option><input type="text" name="color" /></option>
</select>

挑选颜色
红色
蓝色

这是下拉列表的输出。

元素中只能包含文本

如果您想要一个将文本输入与下拉菜单相结合的小部件，那么您必须使用JavaScript构建它。

您无法编写

<input type="text" name="color" />

在

标签内

---

您应该添加最靠近selectbox的文本框。如果用户无法找到所需选项，则用户可以添加新选项。或者您需要使用css+jquery自定义选择框，这样就可以了，我不能使用，但下一步该怎么做