HTML5是一種用于網頁設計和開發的最新標記語言，它擁有許多新的特性和功能，其中包含了一些非常漂亮的搜索框代碼。

<form action="#">
<input type="text" placeholder="搜索">
<button type="submit"><i class="fa fa-search"></i></button>
</form>

上述代碼展示了一個簡單但美觀的搜索框代碼示例，該代碼使用了Font Awesome圖標字體庫，使搜索按鈕看起來更加現代化。

下面是另一個使用了CSS樣式的搜索框代碼示例：

<form action="#">
<input type="text" placeholder="搜索">
<button type="submit" class="button-search"><i class="fa fa-search"></i></button>
</form>

這個代碼示例使用了CSS樣式來美化搜索框和按鈕。搜索框的背景色和樣式被改變為更加現代化的外觀，同時還使用了

box-shadow屬性來給搜索框添加一個漂亮的陰影效果。

無論是使用簡單的HTML5代碼還是復雜的CSS樣式，你都可以創建出非常漂亮的搜索框，讓你的網站在視覺效果上更加出色。