HTML中的Input標簽常被用來創建表單,但它也有很多其他用途,比如可以用來創建搜索框。
在移動設備中,蘋果手機的搜索框有一個獨特的樣式,可以通過將Input標簽的type屬性設置為“search”來實現。
<form> <input type="search" placeholder="請輸入關鍵詞"> </form>
此外,還可以為搜索框添加一些屬性來改變它的行為和樣式,比如:
<form> <input type="search" placeholder="請輸入關鍵詞" autofocus> </form> <form> <input type="search" placeholder="請輸入關鍵詞" autocorrect> </form> <form> <input type="search" placeholder="請輸入關鍵詞" autocapitalize="none"> </form>
這些屬性將會使搜索框自動獲取焦點、自動校正輸入內容以及取消首字母大寫等操作。
除此之外,還可以使用CSS樣式來改變搜索框的外觀。