隨著旅游業的發展，民宿成為了越來越多人選擇的住宿方式。為了方便用戶查找心儀的民宿，許多網站都提供了民宿搜索功能。本文將介紹。

一、搜索框

put>標簽來創建搜索框。代碼如下：

<label for="search">搜索：</label>putame="search" placeholder="請輸入關鍵詞">

put標簽的id屬性相同，可以讓用戶單擊標簽時光標自動定位到搜索框。placeholder屬性用于設置搜索框的提示文本。

二、搜索按鈕

put>標簽來創建搜索按鈕。代碼如下：

it>

it，表示該按鈕用于提交表單，點擊按鈕后將觸發表單提交事件。

>標簽來創建表單。代碼如下：

ethod="get">

<label for="search">搜索：</label>putame="search" placeholder="請輸入關鍵詞">it>>

ethod屬性用于設置提交方式，get方式將搜索關鍵詞附加在URL后面，post方式將搜索關鍵詞作為請求體提交。

四、CSS樣式

為了美化搜索框和搜索按鈕，可以使用CSS樣式進行設置。例如，設置搜索框的邊框樣式和背景色，設置搜索按鈕的背景色和字體顏色。代碼如下：

put[type="text"] {

border: 1px solid #ccc;d-color: #f2f2f2;g: 5px;

border-radius: 5px;

it"] {d-color: #007bff;

color: #fff;g: 5px 10px;

border-radius: 5px;one;

通過以上步驟，我們可以用HTML代碼實現民宿搜索功能。首先創建搜索框和搜索按鈕，然后將它們放在一個表單中，最后使用CSS樣式進行美化。這樣，用戶就可以方便地搜索心儀的民宿了。