<input type="email">
| 目次 |
|---|
|
・<input type="email"> ・emailをサブミットする ・複数のemailをサブミットする |
<input type="email">
HTML5でinputのtype属性にemailが追加されました。
Chrome25では、textとほとんど見た目は変わりません。以下、例です。
以下、ソースです。
間違ったemail形式だとエラーが表示されます。
Chrome25で動作確認済みです。
Chrome25では、textとほとんど見た目は変わりません。以下、例です。
以下、ソースです。
<input type="email" />
間違ったemail形式だとエラーが表示されます。
Chrome25で動作確認済みです。
emailをサブミットする
email属性をサブミットしてみます。
以下、ソースです。
以下、ソースです。
<form action="sample.php" method="POST" target="_blank"> <input type="email" name="emailData" /> <input type="submit" /> </form>
複数のemailをサブミットする
複数のemailをサブミットしたい場合は、multipleを指定します。
フィールドにはカンマ区切りでemailを入力します。以下、multipleを指定した例です。
以下、ソースです。
フィールドにはカンマ区切りでemailを入力します。以下、multipleを指定した例です。
以下、ソースです。
<form action="sample.php" method="POST" target="_blank"> <input type="email" name="emailData" multiple /> <input type="submit" /> </form>