輸入框選項下拉

Question

我期待創造這樣的事情：

http://konigi.com/interface/kontain-search

alt text http://s3.amazonaws.com/konigi/interface/kontain-search-2.png

我不認爲任何人有可能引導我的任何資源？我知道我沒有提供太多的信息，但我不知道從哪裏開始尋找。

乾杯！

編輯對不起，我的意思只是下拉/輸入框，沒有其他在該網站上。

再次編輯下拉列表內的輸入框，因此爲什麼我想知道。

Answer 1

它可能與這些例子類似，但只有一個主要項目。並用jquery操縱每個「li」並採取行動

example 1 | example 2 | example 3 | example 4

版本回答：這是用css完成的。 全部包含在div - > input +菜單中。 爲輸入被刪除的邊框樣式和背景顏色與容器div相同。

Answer 2

那麼，你把搜索表單的一部分放在一個隱藏的div中，當用戶單擊或懸停在某個其他元素上時，在窗體內部或外部彈出它。根據需要使用CSS來定位div。不確定你可能會遇到什麼問題。

也許你可以更具體，並在幾個更集中的問題中解決這個問題？

Answer 3

我沒有鑽入網站，但從邏輯的角度來看，也許搜索框和下拉是「內部」的另一個元素（div？），形成複雜的控制...和只是格式化（CSS）/動作（jQuery）放置在這些上。

<div id="searchDiv"> 
    <div id="searchText"></div> 
    <div id="searchDropdown"></div> 
    <div id="searchButton"><div> 
</div> 

很容易設置這樣的東西。

Answer 4

我認爲發生了什麼並不是說輸入框中的下拉菜單是輸入框鉻，而是隱藏在輸入框中，並與下拉菜單一起放在輸入框中。