HTML代碼中，搜索框是一個常見的元素。在手機頁面設計中，搜索框的重要性更是不可忽視。以下是一個基礎的搜索框HTML代碼。

<form action="/search">
<input type="text" placeholder="請輸入關鍵字" name="search">
<input type="submit" value="搜索">
</form>

以上代碼中，form標簽表示一個表單；action屬性表示提交表單的地址；input標簽是輸入框，其中type屬性值為text，表示文本輸入框；placeholder屬性為輸入框提供提示語；name屬性表示表單數據的名稱；submit標簽是提交按鈕。在手機搜索框中，常常需要對搜索框進行美化或定位等處理。

美化搜索框的效果代碼如下：

<form action="/search">
<div class="input-wrapper">
<input type="text" placeholder="請輸入關鍵字" name="search">
<button type="submit">搜索</button>
</div>
</form>
<style>
.input-wrapper{
position:relative;
width:80%;
margin:20px auto;
}
input[type="text"]{
border:none;
width:100%;
height:50px; 
padding:0 10px;
font-size:16px;
background-color:#f5f5f5; 
border-radius:25px;
box-shadow:1px 1px 5px #ddd;
}
button[type="submit"]{
position:absolute;
right:0;
top:0;
border:none;
width:70px;
height:50px;
background-color:#1890ff;
color:#fff;
font-size:16px;
border-radius:0 25px 25px 0;
}
</style>

以上代碼中，input和button標簽都被包裹在一個div標簽內，便于定位和布局。在樣式部分，.input-wrapper是包裹input和button的容器，position屬性值為relative；input[type="text"]樣式包括了輸入框的寬、高、字體顏色、背景顏色等等；button[type="submit"]樣式包括了按鈕的寬、高、顏色、邊角等等。

通過上述HTML代碼，可以自定義搜索框的樣式和功能，增強搜索框的實用性和美觀性。