IE9、Safariでは、HTML5のinput、emailタイプがバリデートされない模様

  • このエントリーをはてなブックマークに追加
  • LINEで送る

HTML5、HTML4からの仕様変更の部分、新機能を中心に試してみてます。

個人的に期待しているのが、form関連要素の大幅な変更。

formのinput要素で、名前、電話番号、メールアドレス、URLを扱う場合は、
textタイプのみの指定だったのが、

メールアドレス:email(※e-mailなどと間違えないようにしないと)
URL:url
電話番号:tel

と分かれ、指定タイプに沿って、入力された文字をバリデート(入力値チェック)してくれるため、
Javascriptやサーバー側のCGIによるバリデートが省略・軽減、できます。

動作検証のため、IE9/Safari5(5.0.5)/Chrome11(11.0.696.60)/Opera11(11.10)/Firefox4(4.0.1)でこの新タイプ試してみたのですが、
どうやらIE9とSafari5では現時点では未対応のようです。

たとえば、こんなサンプル
(※ぜひ、各ブラウザで挙動お試しください。実際に、「aaa」というような、不適切な文字列を入力してみてください。)

メールアドレス:


  • このエントリーをはてなブックマークに追加
  • LINEで送る

SNSでもご購読できます。

コメントを残す

*

CAPTCHA


This blog is kept spam free by WP-SpamFree.