<input type="search">

　<input type="search">は、検索のキーワードを入力するための HTML タグエレメントです。
　この <input> のタイプは検索用途に限定されます。

　type="text"と違うところは pattern 属性と spellcheck 属性、list 属性が機能するところです。
　pattern 属性は正規表現でパターンチェックが行え、spellcheck 属性でスペルチェックが行えます。list 属性は候補一覧を付加します。

　正規表現については正規表現を参照してください。

コード例

<input name="val_search" type="search" value=""></input>
<button>検索</button>

実行結果

　<label> エレメントによって項目名や説明を付けることができます。

- ad -

属性

　グローバル属性も持ちます。以下に主な属性のみを示します。

　ここでは送信するという前提で<FORM>部品を作成しますのでnameパラメーターは付けるようにしています。送信したくないデータにはnameパラメーターを付けない方法があります。

Attribute	Value	Extra information
type		扱うデータタイプまたはinputタグの形状
name		＊必須。データ送信に必要。
value		初期値または設定値
id		エレメントをユニークとします。cssにも使えます。
class		cssに使います。同名のclassは同じスタイルが適応されます。
placeholder		設定値例(入力例として表示される)
pattern		正規表現でパターンチェック
spellcheck	true false	スペルチェック
list		候補一覧

ボタン名

ブラウザでの見え方（このページのスタイルが反映されています）

　正規表現については正規表現を参照してください。