|
2 | 2 | <?xml-stylesheet type="text/xsl" href="../entries2html.xsl" ?> |
3 | 3 | <entry name="textinput" namespace="fn" type="widget" widgetnamespace="mobile" event-prefix="textinput" init-selector='"input[type='text'], input[type='search'], :jqmData(type='search'), input[type='number'], :jqmData(type='number'), input[type='password'], input[type='email'], input[type='url'], input[type='tel'], textarea, input[type='time'], input[type='date'], input[type='month'], input[type='week'], input[type='datetime'], input[type='datetime-local'], input[type='color'], input:not([type]), input[type='file']"'> |
4 | 4 | <title>Textinput Widget</title> |
5 | | - <desc>Creates a textinput widget for textinput, textarea or search input</desc> |
| 5 | + <desc>Creates a <placeholder name="name"/> widget for textinput, textarea or search input</desc> |
6 | 6 | <longdesc> |
7 | 7 | <h2>Text Input</h2> |
8 | 8 |
|
|
63 | 63 | <iframe src="/resources/textinput/example4.html" style="width:100%;height:730px;border:0px"></iframe></p> |
64 | 64 |
|
65 | 65 | <h3 id="search-outside-page">Search input outside the page</h3> |
66 | | - <p>You can use jQuery Mobile-styled <code>textinput</code> widgets with search functionality in the absence of or outside jQuery Mobile pages. To do so, specify their input type as <code>type="text"</code>, add the attribute <code>data-type="search"</code>, and manually call the <code>textinput</code> plugin on the element.</p> |
| 66 | + <p>jQuery Mobile-styled <code><placeholder name="name"/></code> widgets can be placed outside jQuery Mobile pages. To do so, specify their input type as <code>type="text"</code>, add the attribute <code>data-type="search"</code>, and manually call the <code><placeholder name="name"/></code> plugin on the element.</p> |
67 | 67 | <p>The markup:</p> |
68 | 68 | <pre><code><![CDATA[ |
69 | 69 | <input id="the-search-input" type="text" data-type="search"> |
@@ -101,9 +101,9 @@ I'm a basic textarea. If this is pre-populated with content, the height will be |
101 | 101 | <p>The textarea is displayed like this and will grow to fit new lines as you type: |
102 | 102 | <iframe src="/resources/textinput/example6.html" style="width:100%;height:190px;border:0px"></iframe></p> |
103 | 103 |
|
104 | | - <h3>Calling the textinput plugin</h3> |
| 104 | + <h3>Calling the <placeholder name="name"/> plugin</h3> |
105 | 105 |
|
106 | | - <p>This plugin will auto initialize on any page that contains a textarea or any of the text input types listed above without any need for a <code>data-role</code> attribute in the markup. However, if needed, you can directly call the <code>textinput</code> plugin on any selector, just like any jQuery plugin:</p> |
| 106 | + <p>This plugin will auto initialize on any page that contains a textarea or any of the text input types listed above without any need for a <code>data-role</code> attribute in the markup. However, if needed, you can directly call the <code><placeholder name="name"/></code> plugin on any selector, just like any jQuery plugin:</p> |
107 | 107 | <pre><code><![CDATA[ |
108 | 108 | $( "input" ).textinput(); |
109 | 109 | ]]></code></pre> |
@@ -167,9 +167,9 @@ $( "input" ).textinput(); |
167 | 167 | <code>$.mobile.textinput.prototype.options.clearBtnText</code> property to a string of your choosing.</p> |
168 | 168 | <p>This option is provided by the <code>clearButton</code> extension.</p> |
169 | 169 |
|
170 | | - <h3>Calling the textinput plugin</h3> |
| 170 | + <h3>Calling the <placeholder name="name"/> plugin</h3> |
171 | 171 |
|
172 | | - <p>This plugin will auto-initialize on any page that contains a text input with the <code>type="search"</code> attribute without any need for a <code>data-role</code> attribute in the markup. However, if needed, you can directly call the <code>textinput</code> plugin on a selector, just like any jQuery plugin:</p> |
| 172 | + <p>This plugin will auto-initialize on any page that contains a text input with the <code>type="search"</code> attribute without any need for a <code>data-role</code> attribute in the markup. However, if needed, you can directly call the <code><placeholder name="name"/></code> plugin on a selector, just like any jQuery plugin:</p> |
173 | 173 |
|
174 | 174 | <pre><code><![CDATA[ |
175 | 175 | $( ".mySearchInput" ).textinput(); |
|
0 commit comments