HTML STUDY

検索入力欄

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>

ブラウザ表示例

検索ワードを入力してください

※表示例なので送信はされません。

フォーム 関連記事