HTML檢索框是一種常見的Web界面組件，通常被用來快速搜索數據或內容。下面是一個用HTML寫的簡單檢索框代碼：

<form action = "search.php" method="get">
<label for="search"></label>
<input type="text" id="search" name="search" placeholder="搜索">
<button type="submit">搜索</button>
</form>

我們可以將這段代碼拆開來看一下：

• <form>

  標簽定義了一個表單，它包含了用戶輸入的數據，該表單的目標是一個名為"search.php"的服務器腳本。

• <input>

  標簽用于接收用戶輸入的數據，它有一個"id"屬性是"search"，"name"屬性也是"search"，這兩個屬性的值在提交表單時會被用于識別該輸入框。

• <label>

  標簽可以與輸入框相關聯，添加一個"for"屬性，可以將該標簽的"for"屬性值與輸入框的"id"屬性保持一致，從而實現點擊標簽時，焦點自動切換到輸入框上。

• <button>

  標簽定義了一個"提交"按鈕，在用戶點擊該按鈕時，表單的數據會被提交到服務器。

除了以上幾個標簽，我們還可以使用CSS來為檢索框添加樣式，例如：

input[type="text"] {
border: 1px solid #ccc;
padding: 10px;
font-size: 16px;
border-radius: 5px;
}
button {
background-color: #428bca;
color: #fff;
border: none;
padding: 10px;
border-radius: 5px;
cursor: pointer;
}

CSS樣式可以用來改變輸入框和按鈕的外觀，這里我們設置了輸入框的邊框、內邊距、字體大小和圓角半徑，同時為按鈕設置了背景顏色、字體顏色、邊框、內邊距、圓角半徑和鼠標指針效果。

通過上面這段簡單的HTML和CSS代碼，我們就可以實現一個完整的功能簡潔的檢索框了。