在網頁中添加店招搜索框非常易于實現,只需按照以下HTML代碼的格式進行設計即可。
<form action="search.php" method="post"> <input type="text" name="search" placeholder="請輸入關鍵字"> <button type="submit">搜索</button> </form>
上述代碼使用了form標簽,定義了表單,其中包括input輸入框和button按鈕。其中,action屬性確定了當搜索框提交時的目標地址,method屬性規定了提交表單的HTTP方法。
在input標簽中,type屬性為text,表明輸入類型為文字。name屬性為search,為該輸入框命名。placeholder屬性則為搜索框提供了提示文字,當未輸入任何關鍵字時會在框內顯示。當點擊提交按鈕時,提交表單并跳轉至目標地址。
在button標簽中,type屬性為submit,代表該按鈕為表單提交按鈕,約定好了點擊該按鈕提交表單。搜索框的樣式可以通過CSS進行自定義,進一步塑造頁面風格。