---
# System prepended metadata

title: Search 搜尋
tags: [HyUI]

---

# Search 搜尋

###### tags: `HyUI`

檔案名稱：檔案名稱：sass/modual/_header.scss




<iframe height="265" style="width: 100%;" scrolling="no" title="search 搜尋" src="https://codepen.io/u00hyui/embed/LYxwjyz?height=265&theme-id=dark&default-tab=html,result" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
  See the Pen <a href='https://codepen.io/u00hyui/pen/LYxwjyz'>search 搜尋</a> by u00hyui
  (<a href='https://codepen.io/u00hyui'>@u00hyui</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>

## HTML範本

```htmlmixed=
<!-- Search Start -->
<div class="search" role="search">
    <div class="form_grp">
        <label for="mustSameAsId">搜尋</label>
        <input name="username" id="mustSameAsId" type="text" placeholder="請輸入文字" accesskey="S" title="請輸入文字" aria-label="搜尋網站內容">
        <input name="" type="submit" value="查詢" class="btn btn-search" />
    </div>
    <div class="btn_grp">
        <input name="" type="submit" value="進階搜尋" class="btn" />
    </div>
    <div class="keywordHot">
        <ul>
            <li><a href="#">熱門熱門</a></li>
            <li><a href="#">查詢</a></li>
            <li><a href="#">字詞三</a></li>
        </ul>
    </div>
</div>
<!-- Search End -->
```

<style>
.ui-infobar{
max-width:95%;
}
.markdown-body{
max-width:95%;
}
</style>
