Html 向搜索表单添加下拉输入

我有一个搜索表单，它收集地址并将其传递给我的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代码在此jFIDLE上-

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

住宅的
商业的

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

我想在搜索窗口和搜索按钮之间对齐下拉列表，但是对齐变得一团糟

基本上，我正在尝试创建类似于上的搜索框的东西

---

提前感谢您的帮助。

如果我答对了，您的问题涉及的HTML比PHP更多（“外观”而不是“内部作品”）。考虑使用CSS属性或.< /P>，这有什么问题？谢谢JDDA的输入。我将调查这两个建议。是的，问题更多的是关于html和css样式。感谢您编辑原始问题中的标签。

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