mirror of
https://github.com/Hopiu/jquery-mobile.git
synced 2026-05-17 02:51:07 +00:00
removed plugin events and methods page from nav (keeping it in the directory to redirect)
This commit is contained in:
maggiewachs
parent
9d9175b305
commit
0f73dd2a24
37 changed files with 48 additions and 189 deletions
|
|
@ -82,7 +82,7 @@ $("input[type='checkbox']").checkboxradio({
|
|||
<li><a href="../forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="../forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="../forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="../plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -136,7 +136,7 @@
|
|||
<li><a href="../forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="../forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="../forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="../plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -86,7 +86,7 @@ $("input[type='checkbox']:first").attr("checked",true).checkboxradio("refresh");
|
|||
<li><a href="../forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="../forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="../forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="../plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -71,7 +71,7 @@
|
|||
<li><a href="../forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="../forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="../forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="../plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -113,7 +113,7 @@ myswitch[0].selectedIndex = 1;
|
|||
myswitch .slider("refresh");
|
||||
</pre></code>
|
||||
|
||||
<p>We're considering adding a refresh method to forms to let the framework refresh all the individual elemnts withing but that is a future enhancement.</p>
|
||||
<p>We're considering adding a refresh method to an entire form to let the framework refresh all the child elements as a future enhancement.</p>
|
||||
|
||||
</div><!--/content-primary -->
|
||||
|
||||
|
|
@ -138,7 +138,7 @@ myswitch .slider("refresh");
|
|||
<li><a href="forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -228,7 +228,7 @@
|
|||
<li><a href="forms-themes.html">Theming forms</a></li>
|
||||
<li data-theme="a"><a href="forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -226,7 +226,7 @@
|
|||
<li><a href="forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -62,7 +62,7 @@
|
|||
<li><a href="forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="forms-all-native.html">Native form elements</a></li>
|
||||
<li data-theme="a"><a href="forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -60,7 +60,7 @@
|
|||
<li><a href="forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="forms-all-native.html">Native form elements</a></li>
|
||||
<li data-theme="a"><a href="forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -93,7 +93,7 @@
|
|||
<li><a href="forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="forms-all-native.html">Native form elements</a></li>
|
||||
<li data-theme="a"><a href="forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -387,7 +387,7 @@
|
|||
<li data-theme="a"><a href="forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
<li><a href="forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
</ul>
|
||||
|
||||
</div><!-- /ui-body wrapper -->
|
||||
|
|
|
|||
|
|
@ -22,156 +22,11 @@
|
|||
|
||||
<div data-role="content">
|
||||
<div class="content-primary">
|
||||
<h2>Form methods reference</h2>
|
||||
<p>After jQuery Mobile auto-enhances form controls into custom controls, you can manipulate many of their properties via plugin methods. The currently available methods are listed below. Check Github for updates - we're working on complete coverage.</p>
|
||||
|
||||
<h2>Selectmenu</h2>
|
||||
<dl>
|
||||
<dt><code>open</code> open a closed select menu</dt>
|
||||
<dd>
|
||||
<pre><code>
|
||||
$('select').selectmenu('open');
|
||||
</code></pre>
|
||||
</dd>
|
||||
|
||||
<dt><code>close</code> close an open select menu</dt>
|
||||
<dd>
|
||||
<pre><code>
|
||||
$('select').selectmenu('close');
|
||||
</code></pre>
|
||||
</dd>
|
||||
|
||||
<dt><code>refresh</code>: Update the custom menu to reflect the native select element's value. </dt>
|
||||
<dd><p>If the number of options in the select are different than the number of items in the custom menu, it'll rebuild the custom menu. Also, if you pass a true argument you can force the rebuild to happen.</p>
|
||||
<pre><code>
|
||||
//refresh value
|
||||
$('select').selectmenu('refresh');
|
||||
|
||||
//refresh and force rebuild
|
||||
$('select').selectmenu('refresh', true);
|
||||
</code></pre>
|
||||
</dd>
|
||||
|
||||
<dt><code>enable</code>: enable a disabled select.</dt>
|
||||
<dd>
|
||||
<pre><code>
|
||||
$('select').selectmenu('enable');
|
||||
</code></pre>
|
||||
</dd>
|
||||
|
||||
<dt><code>disable</code>: disable a select.</dt>
|
||||
<dd>
|
||||
<pre><code>
|
||||
$('select').selectmenu('disable');
|
||||
</code></pre>
|
||||
</dd>
|
||||
|
||||
</dl>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<h2>Textinput</h2>
|
||||
|
||||
<dl>
|
||||
<dt><code>enable</code>: enable a disabled textinput/textarea.</dt>
|
||||
<dd>
|
||||
<pre><code>
|
||||
$('input').textinput('enable');
|
||||
</code></pre>
|
||||
</dd>
|
||||
|
||||
<dt><code>disable</code>: disable a textinput/textarea.</dt>
|
||||
<dd>
|
||||
<pre><code>
|
||||
$('textarea').textinput('disable');
|
||||
</code></pre>
|
||||
</dd>
|
||||
|
||||
</dl>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<h2>checkboxradio</h2>
|
||||
|
||||
<dl>
|
||||
<dt><code>enable</code>: enable a disabled checkboxradio.</dt>
|
||||
<dd>
|
||||
<pre><code>
|
||||
$('input').checkboxradio('enable');
|
||||
</code></pre>
|
||||
</dd>
|
||||
|
||||
<dt><code>disable</code>: disable a checkboxradio.</dt>
|
||||
<dd>
|
||||
<pre><code>
|
||||
$('input').checkboxradio('disable');
|
||||
</code></pre>
|
||||
</dd>
|
||||
|
||||
<dt><code>refresh</code>: refresh a checkboxradio's value.</dt>
|
||||
<dd>
|
||||
<pre><code>
|
||||
$('input').checkboxradio('refresh');
|
||||
</code></pre>
|
||||
</dd>
|
||||
</dl>
|
||||
|
||||
|
||||
<h2>Slider</h2>
|
||||
|
||||
<dl>
|
||||
<dt><code>enable</code>: enable a disabled slider.</dt>
|
||||
<dd>
|
||||
<pre><code>
|
||||
$('input').slider('enable');
|
||||
</code></pre>
|
||||
</dd>
|
||||
|
||||
<dt><code>disable</code>: disable a slider.</dt>
|
||||
<dd>
|
||||
<pre><code>
|
||||
$('input').slider('disable');
|
||||
</code></pre>
|
||||
</dd>
|
||||
|
||||
<dt><code>refresh</code>: refresh a slider's value.</dt>
|
||||
<dd>
|
||||
<pre><code>
|
||||
$('input').slider('refresh');
|
||||
</code></pre>
|
||||
</dd>
|
||||
</dl>
|
||||
|
||||
|
||||
<h2>Form buttons</h2>
|
||||
|
||||
<dl>
|
||||
<dt><code>enable</code>: enable a disabled button.</dt>
|
||||
<dd>
|
||||
<pre><code>
|
||||
$('input').button('enable');
|
||||
</code></pre>
|
||||
</dd>
|
||||
|
||||
<dt><code>disable</code>: disable a slider.</dt>
|
||||
<dd>
|
||||
<pre><code>
|
||||
$('input').button('disable');
|
||||
</code></pre>
|
||||
</dd>
|
||||
|
||||
</dl>
|
||||
|
||||
<h2>Degraded Form Input Types</h2>
|
||||
<p>jQuery Mobile degrades several HTML5 input types back to type=text, or type=number after adding enhanced controls. For example, inputs with a type of range are enhanced with a custom slider control, and their type is set to number to offer a usable form input alongside that slider. Inputs with a type of search are degraded back to type=text after we add our own themable search input styling.</p>
|
||||
<p>The page plugin contains a list of input types that are set to either true which means they'll degrade to type=text, false which means they'll be left alone, or a string such as "number", which means they'll be converted to that type (such as the case of type=range).</p>
|
||||
|
||||
<p>You can configure which types are changed via the page plugin's <code>degradeInputs</code> option, which can be manipulated externally via <code>$.mobile.page.prototype.options.degradeInputs</code>, which has properties: color, date, datetime, "datetime-local", email, month, number, range, search, tel, time, url, and week. Be sure to configure this inside an event handler bound to the <code>mobileinit</code> event, so that it applies to the first page as well as subsequent pages that are loaded.</p>
|
||||
<p>This page has been retired.</p>
|
||||
|
||||
<p>Plugin events and methods are now documented for each component separately (see links on the left).</p>
|
||||
|
||||
</div><!--/content-primary -->
|
||||
|
||||
<div class="content-secondary">
|
||||
|
|
@ -185,7 +40,7 @@ $('input').button('disable');
|
|||
<li data-role="list-divider">Form elements</li>
|
||||
<li><a href="docs-forms.html">Form basics</a></li>
|
||||
<li><a href="forms-all.html">Form element gallery</a></li>
|
||||
<li><a href="textinputs/">Text inputs</a></li>
|
||||
<li><a href="textinputs/">Text inputs</a></li>
|
||||
<li><a href="search/">Search inputs</a></li>
|
||||
<li><a href="slider/">Slider</a></li>
|
||||
<li><a href="switch/">Flip toggle switch</a></li>
|
||||
|
|
@ -195,8 +50,6 @@ $('input').button('disable');
|
|||
<li><a href="forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="forms-sample.html">Submitting forms</a></li>
|
||||
<li data-theme="a"><a href="plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -84,7 +84,7 @@ $("input[type='radio']").checkboxradio({
|
|||
<li><a href="../forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="../forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="../forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="../plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -136,7 +136,7 @@
|
|||
<li><a href="../forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="../forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="../forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="../plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -86,7 +86,7 @@ $("input[type='radio']:first").attr("checked",true).checkboxradio("refresh");
|
|||
<li><a href="../forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="../forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="../forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="../plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -71,7 +71,7 @@
|
|||
<li><a href="../forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="../forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="../forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="../plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -81,7 +81,7 @@ $( ".selector" ).textinput({
|
|||
<li><a href="../forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="../forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="../forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="../plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -91,7 +91,7 @@ $('.mySearchInput').textinput();
|
|||
<li><a href="../forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="../forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="../forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="../plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -78,7 +78,7 @@ $('.selector').textinput('disable');
|
|||
<li><a href="../forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="../forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="../forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="../plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -80,7 +80,7 @@
|
|||
<li><a href="../forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="../forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="../forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="../plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -83,7 +83,7 @@ $( ".selector" ).selectmenu({
|
|||
<li><a href="../forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="../forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="../forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="../plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -460,7 +460,7 @@ $('select').selectmenu();
|
|||
<li><a href="../forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="../forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="../forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="../plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -104,7 +104,7 @@ $('select').selectmenu('refresh', true);
|
|||
<li><a href="../forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="../forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="../forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="../plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -130,7 +130,7 @@
|
|||
<li><a href="../forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="../forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="../forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="../plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -82,7 +82,7 @@ $( ".selector" ).slider({
|
|||
<li><a href="../forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="../forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="../forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="../plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -85,7 +85,7 @@ $('input').slider();
|
|||
<li><a href="../forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="../forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="../forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="../plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -86,7 +86,7 @@ $('.selector').slider('refresh');
|
|||
<li><a href="../forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="../forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="../forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="../plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -95,7 +95,7 @@
|
|||
<li><a href="../forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="../forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="../forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="../plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -82,7 +82,7 @@ $( ".selector" ).slider({
|
|||
<li><a href="../forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="../forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="../forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="../plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -87,7 +87,7 @@ $('select').slider();
|
|||
<li><a href="../forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="../forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="../forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="../plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -86,7 +86,7 @@ $('.selector').slider('refresh');
|
|||
<li><a href="../forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="../forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="../forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="../plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -95,7 +95,7 @@
|
|||
<li><a href="../forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="../forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="../forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="../plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -81,7 +81,7 @@ $( ".selector" ).textinput({
|
|||
<li><a href="../forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="../forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="../forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="../plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -79,6 +79,12 @@
|
|||
<label for="tel">Tel:</label>
|
||||
<input type="tel" name="tel" id="tel" value="" />
|
||||
</div>
|
||||
|
||||
<h3>Degraded input types</h3>
|
||||
<p>jQuery Mobile degrades several HTML5 input types back to type=text, or type=number after adding enhanced controls. For example, inputs with a type of range are enhanced with a custom slider control, and their type is set to number to offer a usable form input alongside that slider. Inputs with a type of search are degraded back to type=text after we add our own themable search input styling.</p>
|
||||
<p>The page plugin contains a list of input types that are set to either true which means they'll degrade to type=text, false which means they'll be left alone, or a string such as "number", which means they'll be converted to that type (such as the case of type=range).</p>
|
||||
|
||||
<p>You can configure which types are changed via the page plugin's <code>degradeInputs</code> option, which can be manipulated externally via <code>$.mobile.page.prototype.options.degradeInputs</code>, which has properties: color, date, datetime, "datetime-local", email, month, number, range, search, tel, time, url, and week. Be sure to configure this inside an event handler bound to the <code>mobileinit</code> event, so that it applies to the first page as well as subsequent pages that are loaded.</p>
|
||||
|
||||
|
||||
<h2>Textareas</h2>
|
||||
|
|
@ -132,7 +138,7 @@ $('input').textinput();
|
|||
<li><a href="../forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="../forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="../forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="../plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -78,7 +78,7 @@ $('.selector').textinput('disable');
|
|||
<li><a href="../forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="../forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="../forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="../plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -80,7 +80,7 @@
|
|||
<li><a href="../forms-themes.html">Theming forms</a></li>
|
||||
<li><a href="../forms-all-native.html">Native form elements</a></li>
|
||||
<li><a href="../forms-sample.html">Submitting forms</a></li>
|
||||
<li><a href="../plugin-eventsmethods.html">Plugin methods</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue