將下拉式輸入添加到搜索表單中

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/

我想補充一個下拉選項的形式，使用戶可以指定「地址類型」。

下面是帶有下拉選項的jfiddle - jsfiddle.net/maverick_r77/85xnU/。

我想對齊搜索窗口和搜索按鈕之間的下拉菜單，但對齊方式已經全部搞砸了。

從本質上講，我試圖創造一些像搜索框上http://www.goby.com/

在此先感謝您的幫助。

Answer 1

如果我說得對，您的問題涉及更多的HTML而不是PHP（'看'而不是'內部作品'）。考慮使用CSS屬性display:table-cell或some grid system。