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

Question

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

<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/

上创建类似搜索框的内容

提前感谢您的帮助。

Answer 1

如果我做对了，你的问题涉及的HTML比PHP更多（'看'而不是'内部作品'）。请考虑使用CSS属性display:table-cell或some grid system。