jQuery Mobile的搜索框組件非常實用，可以方便地為移動應用添加搜索功能。

使用方法：

<label for="searchBox">搜索:</label>
<input type="search" name="searchBox" id="searchBox" value="">

可以看到，搜索框的HTML代碼非常簡單，只需要設置type為search即可。接下來是一些可選的屬性。

• placeholder：可以設置搜索框中的提示文字。
• data-clear-btn：設置為true，將在搜索框中顯示一個“清除”按鈕，可以清除搜索框中的內容。
• data-mini：設置為true，將使搜索框變小。
• data-filter：設置為true，將自動對列表進行過濾。
• data-filter-reveal：設置為true，將過濾后的結果顯示出來。

<label for="searchBox">搜索:</label>
<input type="search" name="searchBox" id="searchBox" value="" placeholder="請輸入關鍵字" data-clear-btn="true" data-mini="true" data-filter="true" data-filter-reveal="true">

使用jQuery Mobile搜索框非常簡單，還可以根據需要設置各種屬性，非常方便。