我是新的造型html元素（例如在这种情况下输入&选择），我期待实现一个可视化组合输入/选择元素。实质上，输入和选择仍然与表单元素完全分离，但是基于class和css，我希望将选择菜单的内容插入到输入字段的右侧。对不起，我没有photoshoper，所以这里是它是什么样子的表示：结合输入和选择到一个可见的输入字段
------------------------------------------------
| Select text [v] |
------------------------------------------------
正如你可以看到输入的左侧部分是你可以键入input元素的字符串，选择下拉菜单插入输入元素的边界（[v]应该是一个向下箭头按钮来删除列表）。欢迎任何关于如何获得这样的建议或建议的链接。
像这样的事情应该完成你想要的。
以下示例非常简单。它显示了你想要做的主要事情：因为表单元素可以像CSS一样被CSS样式化，所以非常简单。这个例子在非Firefox浏览器中仍然有一些样式问题，我会稍微改进一下。
<html>
<head>
<style>
select#selectoption {
border-left:none;
padding:none;
}
input#datahere {
position:relative;
border-right:none;
padding:none;
}
</style>
</head>
<body>
The form below is a simple example.
<form name ="explanation"action="test" method="post">
<input type="text" id="datahere" />
<select id="selectoption" /><option>test</option><option>test2</option></select>
</form>
</body>
</html>
编辑：你希望可以在这里看到的一个在线例如：http://jsfiddle.net/xFQMf/3/
有一个图书馆，你可以尝试：https://github.com/eredacokmerke/dm-i
6年后：在DataList元素可能的帮助。
https://developer.mozilla.org/nl/docs/Web/HTML/Element/datalist
（Safari浏览器不支持此功能，还）
所以基本上一个文本框，你可以键入，并从下拉匹配可能性的清单？ –
如果marc b正在描述你可能只想使用@Marc的datalist – albert
，那不是真的。我想要一个输入和一个下拉菜单。下拉菜单将是“客户，联系人，电话号码”等搜索字词，输入文字将与您选择的任何搜索字词相关。我可以在屏幕上输入一个输入，然后在它旁边下拉并完成相同的操作，但是我想将选择菜单插入选择的边框，因为我认为它看起来很光滑。 – somecallmemike