From 9bd530b1fab85edcdb20ce0d0df131a4ca42c168 Mon Sep 17 00:00:00 2001 From: toddparker Date: Wed, 9 Mar 2011 15:35:45 -0500 Subject: [PATCH] Added a new demo page showing how adding data-role="none" to form elements and buttons will show the default, native control. Added link to this page from the forms index. Good news - the data-role="none" attribute seems to work great, no issues found. --- docs/forms/forms-all-native.html | 208 +++++++++++++++++++++++++++++++ docs/forms/index.html | 1 + 2 files changed, 209 insertions(+) create mode 100755 docs/forms/forms-all-native.html diff --git a/docs/forms/forms-all-native.html b/docs/forms/forms-all-native.html new file mode 100755 index 00000000..4b6ff500 --- /dev/null +++ b/docs/forms/forms-all-native.html @@ -0,0 +1,208 @@ + + + + + jQuery Mobile Docs - Forms + + + + + + + +
+ +
+

Forms

+ Home +
+ +
+ +
+ +

Native form elements & buttons

+ +

Although the framework automatically enhances form elements and buttons into touch input optimized controls to streamline development, it's easy to tell jQuery Mobile to leave these elements alone so the standard, native control can be used instead.

+

Adding the data-role="none" attribute to any form or button element tells the framework to not apply any enhanced styles or scripting. The examples below all have this attribute in place to demonstrate the effect. You may need to write custom styles to lay out your form controls because we try to leave all the default styling intact.

+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
+ 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:

+ + +
+ +
+
+ + + diff --git a/docs/forms/index.html b/docs/forms/index.html index 2d621675..42024885 100755 --- a/docs/forms/index.html +++ b/docs/forms/index.html @@ -32,6 +32,7 @@
  • Checkboxes
  • Select menus
  • Theming forms
    • +
  • Native form elements
  • Submitting forms
  • Plugin methods