<input>要素の"search"型

<input>要素の”search”型

フォーム内に「検索用のキーワード」を入力させる際に使用されます。
機能的には、text型 とほぼ同一です。

属性

<input> 要素の search型 では、以下の属性が使用できます。

value

入力欄の初期値を設定します。また、フォームの送信時には入力された値が設定されています。

maxlength

入力できる最大の文字数を指定します。

minlength

入力できる最小の文字数を指定します。

readonly

この属性を指定した場合、値が変更できなくなります。

placeholder

コントロールに何を入力できるかに関する、ユーザーへの助言になるようなテキストを指定します。

size

入力欄の見た目上のサイズを整数値で指定します。

spellcheck

要素でスペルチェックを有効にするかどうかを指定します。

• false  スペルチェックを無効にします。
• true　スペルチェックを有効にします。
• 空文字 or 未指定　要素の既定の動作に従います。

サンプル

See the Pen PooPbox by Masahiko Iwakiri (@m-iwakiri) on CodePen.