在手機端網頁設計中，搜索框是非常重要的組件。好的搜索框能夠幫助用戶快速找到所需的內容，提高用戶體驗。下面是一個例子的HTML代碼：

<form action="search.php">
<input type="text" name="q" placeholder="搜索">
<button type="submit">搜索</button>
</form>

在上面的代碼中，我們使用了form元素來定義一個搜索表單。其中，action屬性指定了搜索結果的處理程序，這里指定了search.php。input元素用于接收用戶的輸入，在這里我們使用type屬性指定了它的輸入類型為text，name屬性指定了該輸入框的名稱為q，方便處理搜索時的參數傳遞。placeholder屬性則指定了輸入框中的默認提示語句。最后，button元素用于定義一個搜索按鈕，當用戶點擊這個按鈕時提交表單，其中type屬性值為submit表示該按鈕的作用是提交表單。

當然，上面的代碼僅僅是一個基礎樣式，為了能夠更好的適應手機端網頁設計，我們還需要對其樣式進行調整。例如，我們可以將input元素的寬度設為100%以保證其在不同設備上的顯示效果，同時調整輸入框的邊框和圓角使其更加美觀。

<form action="search.php">
<input type="text" name="q" placeholder="搜索"
style="width: 100%; border-radius: 5px; border: 1px solid #ddd;">
<button type="submit" style="border: none; background-color: #007aff;
color: #fff; border-radius: 5px; padding: 5px 10px; margin-left: -5px;">
搜</button>
</form>

在上面的代碼中，我們添加了style屬性來調整樣式。在輸入框的style屬性中，我們設置了寬度為100%以及邊框和圓角的樣式。在搜索按鈕的style屬性中，我們設置了按鈕樣式的背景顏色、文本顏色、邊框圓角和內邊距，并且通過設置負margin來將按鈕和輸入框緊密的結合在一起。

通過這些調整，我們就可以得到一個適用于手機端的搜索框樣式。當然，這僅僅是一個示例，實際使用時需要根據具體的設計進行調整和修改。