jQueryMobile formまとめ ITかあさん

ITかあさん

jQueryMobile formまとめ

jQueryMobile テキストフォーム

前回ちらっとtoggleについて触れましたが、jQueryMobileのテキスト系のformについてまとめていきたいと思います。

フォームを色々試してみた

今回つかってみたフォームのパーツは下記表の通りです。

コード


実行結果

Opera

オペラは最もHTML5 に対応しているブラウザで、HTML5から新規導入された属性もほぼ網羅しています

iphoneで見た場合

iphoneのブラウザはsafariですね。HTML5はフォーム関連で追加も多いのですが、全てに対応しているわけではないようです。
なお、フォームで対応していない属性については画像の通りただのテキストフォームになってしまいます。
ある程度のブラウザのシェアを考えると、HTML5のフォームはrangeまでに留めておいたほうがよさそうです

初夏のJavaScript祭 in サーキュレーションビル ForPro