【クローム】type="email" 日本語を入力できてしまう

Question

メールアドレス入力欄の「input」をtype="email"に指定し、firefoxとIEでは、日本語を入力すると、アラートが出てきますが、クロームだけアラートが出ず、次のページに進んでしまいます。次のページでは。「xn--abcd-z33f.co.jp」のように変換されてしまいます。（abcdは仮名です）

こちらの問題の解決方法をご教示いただけますでしょうか。

Answer 1

日本語ドメインがあるので問題ない挙動なのでは。
pattern属性で制限してみてはどうでしょう。

【input 要素 - HTML | MDN】
https://developer.mozilla.org/ja/docs/Web/HTML/Element/Input#attr-pattern

Comments

[lin_c]

なるほど！
ありがとうございます。