input type="email"タグ

HTML5

input type="email"は、e-mail入力欄を作成するタグです。

解説

input type="email"を使うと、e-mail形式かチェックを行う入力欄を作成できます。

しかし、HTML5に対応していないブラウザでは使用できないため注意が必要です。

カテゴリー (自カテゴリ)	フロー・コンテンツフレージング・コンテンツインタラクティブ・コンテンツ
コンテキスト (親カテゴリ)	フレージング・コンテンツを許可する場所
コンテンツ・モデル (子カテゴリ)	なし

input（type="email"）タグには以下の属性が指定できます。

【属性】
属性	説明
name	名前を指定する（submit時にこの名前で送信される）（例）name="em01"
value	値を指定する（例）value="hoge@xx.xx"
size	入力欄のサイズを文字数で指定する（例）size="10"
maxlength	入力可能最大文字数を指定する（例）maxlength="10" ※全角半角の区別をしない純粋な文字数です。
readonly	読取専用にする（例）readonly="readonly" 　※readonlyのみでもOKです。
required	必須入力であることを指定する（例）required="required" 　※requiredのみでもOKです。

その他のグローバル属性値については、グローバル属性をご覧ください。

<input type="email" name="em01">

e-mail形式でない入力を行うと、送信時にチェックがかかります。

<input type="email" name="em02" required="required">

未入力だと、送信時にチェックがかかります。