search

input要素type属性にsearchを指定すると、検索用テキスト入力欄になる。

ブラウザ対応

構文

<input type="search">

属性

属性 説明
autocomplete属性 オートコンプリートを有効にするかどうかを指定する属性。
autofocus属性 オートフォーカスさせる属性。
dirname属性 入力欄のテキストの方向を送信データに含める属性。
disabled属性 無効にする属性。
form属性 属するform要素のid属性値を指定する属性。
list属性 入力候補を示すdatalist要素(データリスト)のid属性値を指定する属性。
maxlength属性 最大文字数を指定する属性。
minlength属性 最小文字数を指定する属性。
name属性 名前を指定する属性。
pattern属性 正規表現を使った入力規制を指定する属性。
placeholder属性 入力のヒントとなるプレースホルダーを指定する属性。
readonly属性 読み取り専用にする属性。
required属性 入力を必須にする属性。
size属性 幅を文字数で指定する属性。
value属性 値を指定する属性。検索用テキスト入力欄においては、初期入力値となる。

サンプルコード

検索用テキスト入力欄: <input type="search" name="sampleName">

サンプル

HTMLソースコード

<form action="sample-input-type.php" method="post" target="_blank">
	<p>
		<label>
			検索用テキスト入力欄:
			<input type="search" name="sampleName">
		</label>
	</p>
	<p>
		<input type="submit">
	</p>
</form>

実際の表示