ネイティブなフォーム要素とボタン

フレームワークは自動的にフォームのコントロールを フォームギャラリー にあるようなタッチパネルに最適化された形へ整形します。こうした処理をせず、ネイティブなフォームコントロールを維持させることも簡単に指定できます。

こうした変換をかけたくないフォームやボタン要素に対して data-role=“none” を指定してやります。以下は、それによって現在見ているブラウザでどのようなコントロールが使われるのかを見るためのデモです。

Choose as many snacks as you'd like:
Font styling:
Choose a pet:
Layout view:

Button based button:

Input type="button" based button:

Input type="submit" based button:

Input type="reset" based button:

Input type="image" based button: