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

スポンサー

※当サイトではアフィリエイトプログラムを利用して商品を紹介しています。

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」というような、不適切な文字列を入力してみてください。)

メールアドレス:


HTML5
スポンサー
コネクト

コメント

タイトルとURLをコピーしました