将下拉输入添加到搜索表单答案

【问题标题】：Adding Drop down input to a search form将下拉输入添加到搜索表单
【发布时间】：2013-04-24 20:43:33
【问题描述】：

我有一个收集地址并将其传递给我的 php.ini 的搜索表单。

<form class="form-wrapper cf" id="search-form" action=/php/search.php method="post">
  <input type="search" id="address" name="address" placeholder="Address?" value="" />
  <button id="search" type="submit">Search</button>
</form>

html/css 代码在这个 jfiddle 上 - http://jsfiddle.net/maverick_r77/A7j3q/

我想在表单中添加一个下拉选项，以便用户可以指定“地址类型”。

<select id="addrType">
  <option value="1">Residential</option>
  <option value="2">Commercial</option>
</select>

这是带有下拉选项的 Jfiddle - jsfiddle.net/maverick_r77/85xnU/。

我想在搜索窗口和搜索按钮之间对齐下拉菜单，但对齐方式变得一团糟。

基本上，我正在尝试创建类似于 http://www.goby.com/ 上的搜索框的东西

提前感谢您的帮助。

【问题讨论】：

那有什么问题？

标签： html search drop-down-menu

【解决方案1】：

如果我猜对了，你的问题比 PHP 更关心 HTML（'look' 而不是'inner works'）。考虑使用 CSS 属性 display:table-cell 或 some grid system。

【讨论】：

感谢 Jderda 的意见。我将调查这两个建议。是的，问题更多的是关于 html 和 css 样式。感谢您编辑原始问题中的标签。