検索入力欄
input要素にはいろいろな種類があり、typeコンテンツ属性に入力する値によって用途を指定することができます。今回は検索入力欄についてまとめていきます。
<input type="search">
input要素のtypeコンテンツ属性の値にsearchを入力すると、検索入力欄を作ることができます。
属性(+値) | 解説 |
type="search" | 検索入力欄 |
name | 入力項目の名前 |
type="submit" | 送信ボタン |
value | 送信ボタンの表示テキスト(submit指定時) |
<form method="post" action="send.cgi">
<p>検索ワードを入力してください
<input type="search" name="検索">
<input type="submit" value="検索する">
</p>
</form>
ブラウザ表示例
※表示例なので送信はされません。