HTML5已經有了一個支持通過按回車鍵來搜索的屬性,而不需要依賴JavaScript。下面是示例代碼:
<form> <label for="search-input">搜索:</label> <input type="search" id="search-input" name="search" autofocus required> <input type="submit" value="搜索"> </form>
在這里,我們使用了<form>元素,包含一個<label>,一個用于搜索的<input>,以及一個用于提交搜索的<input>。<input>類型被設置為“search”,這意味著該文本框將包含瀏覽器默認的搜索行為。<input>元素具有“required”屬性,在沒有輸入搜索請求時,瀏覽器不會允許提交表單。
要使用這個表單,用戶需要在搜索文本框中輸入搜索詞,然后按“Enter”鍵。這將觸發表單的提交,并由瀏覽器完成搜索。
HTML5提供了一種簡便的方法來支持搜索功能,而無需依賴復雜的JavaScript代碼。這使得搜索功能的實現更加容易和快捷。