Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 7 additions & 7 deletions entries/textinput.xml
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@

<pre><code><![CDATA[
<label for="basic">Text Input:</label>
<input type="text" name="name" id="basic" value="" />
<input type="text" name="name" id="basic" value="">
]]></code></pre>
<p>This will produce a basic text input. The default styles set the width of the input to 100% of the parent container and stack the label on a separate line.
<iframe src="/resources/textinput/example1.html" style="width:100%;height:90px;border:0px"></iframe></p>
Expand All @@ -23,7 +23,7 @@

<pre><code><![CDATA[
<label for="basic">Text Input:</label>
<input type="text" name="name" id="basic" value="" data-mini="true" />
<input type="text" name="name" id="basic" value="" data-mini="true">
]]></code></pre>

<p>This will produce an input that is not as tall as the standard version and has a smaller text size.
Expand All @@ -35,7 +35,7 @@

<pre><code><![CDATA[
<label for="clear-demo">Text Input:</label>
<input type="text" name="clear" id="clear-demo" value="" data-clear-btn="true" />
<input type="text" name="clear" id="clear-demo" value="" data-clear-btn="true">
]]></code></pre>

<p>This markup creates a text input with a clear button that becomes visible as soon as a character has been entered.
Expand All @@ -49,7 +49,7 @@
<pre><code><![CDATA[
<div class="ui-field-contain">
<label for="name">Text Input:</label>
<input type="text" name="name" id="name" value="" />
<input type="text" name="name" id="name" value="">
</div>
]]></code></pre>

Expand Down Expand Up @@ -110,7 +110,7 @@ $( "input" ).textinput();

<pre><code><![CDATA[
<label for="search-basic">Search Input:</label>
<input type="search" name="search" id="search-basic" value="" />
<input type="search" name="search" id="search-basic" value="">
]]></code></pre>
<p>This will produce a basic search input. The default styles set the width of the input to 100% of the parent container and stack the label on a separate line.
<iframe src="/resources/search-input/example1.html" style="width:100%;height:90px;border:0px"></iframe></p>
Expand All @@ -121,7 +121,7 @@ $( "input" ).textinput();

<pre><code><![CDATA[
<label for="search-mini">Search Input:</label>
<input type="search" name="search-mini" id="search-mini" value="" data-mini="true"/>
<input type="search" name="search-mini" id="search-mini" value="" data-mini="true">
]]></code></pre>

<p>This will produce a search input that is not as tall as the standard version and has a smaller text size.
Expand All @@ -135,7 +135,7 @@ $( "input" ).textinput();
<pre><code><![CDATA[
<div class="ui-field-contain">
<label for="search-2">Search Input:</label>
<input type="search" name="search-2" id="search-2" value="" />
<input type="search" name="search-2" id="search-2" value="">
</div>
]]></code></pre>

Expand Down
2 changes: 1 addition & 1 deletion resources/search-input/example1.html
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@
<div data-role="page" style="max-height:90px; min-height:90px;">
<div role="main" class="ui-content">
<label for="search-basic">Search Input:</label>
<input type="search" name="search" id="search-basic" value="" />
<input type="search" name="search" id="search-basic" value="">
</div>
</div>
</body>
Expand Down
2 changes: 1 addition & 1 deletion resources/search-input/example2.html
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@
<div data-role="page" style="max-height:90px; min-height:90px;">
<div role="main" class="ui-content">
<label for="search-mini">Search Input:</label>
<input type="search" name="search-mini" id="search-mini" value="" data-mini="true" />
<input type="search" name="search-mini" id="search-mini" value="" data-mini="true">
</div>
</div>
</body>
Expand Down
2 changes: 1 addition & 1 deletion resources/search-input/example3.html
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@
<div role="main" class="ui-content">
<div class="ui-field-contain">
<label for="search-2">Search Input:</label>
<input type="search" name="search-2" id="search-2" value="" />
<input type="search" name="search-2" id="search-2" value="">
</div>
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion resources/search-input/example4.html
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@
<div role="main" class="ui-content">
<div class="ui-field-contain">
<label for="search-3">Search Input:</label>
<input type="search" name="search-3" id="search-3" value="" data-theme="a" />
<input type="search" name="search-3" id="search-3" value="" data-theme="a">
</div>
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion resources/textinput/example1.html
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@
<div data-role="page" style="max-height:90px; min-height:90px;">
<div role="main" class="ui-content">
<label for="basic">Text Input:</label>
<input type="text" name="name" id="basic" value="" />
<input type="text" name="name" id="basic" value="">
</div>
</div>
</body>
Expand Down
2 changes: 1 addition & 1 deletion resources/textinput/example2.html
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@
<div data-role="page" style="max-height:90px; min-height:90px;">
<div role="main" class="ui-content">
<label for="mini">Text Input:</label>
<input type="text" name="name" id="mini" value="" data-mini="true" />
<input type="text" name="name" id="mini" value="" data-mini="true">
</div>
</div>
</body>
Expand Down
2 changes: 1 addition & 1 deletion resources/textinput/example3.html
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@
<div role="main" class="ui-content">
<div class="ui-field-contain">
<label for="name">Text Input:</label>
<input type="text" name="name" id="name" value="" />
<input type="text" name="name" id="name" value="">
</div>
</div>
</div>
Expand Down
26 changes: 13 additions & 13 deletions resources/textinput/example4.html
Original file line number Diff line number Diff line change
Expand Up @@ -27,67 +27,67 @@
<div role="main" class="ui-content">
<div class="ui-field-contain">
<label for="password">Password:</label>
<input type="password" name="password" id="password" value="" />
<input type="password" name="password" id="password" value="">
</div>

<div class="ui-field-contain">
<label for="number">Number:</label>
<input type="number" name="number" id="number" value="" />
<input type="number" name="number" id="number" value="">
</div>

<div class="ui-field-contain">
<label for="number-pattern">Number + pattern:</label>
<input type="number" name="number" pattern="[0-9]*" id="number-pattern" value="" placeholder="Pattern attribute [0-9]* for a numeric keypad" />
<input type="number" name="number" pattern="[0-9]*" id="number-pattern" value="" placeholder="Pattern attribute [0-9]* for a numeric keypad">
</div>

<div class="ui-field-contain">
<label for="email">Email:</label>
<input type="email" name="email" id="email" value="" />
<input type="email" name="email" id="email" value="">
</div>

<div class="ui-field-contain">
<label for="url">Url:</label>
<input type="url" name="url" id="url" value="" />
<input type="url" name="url" id="url" value="">
</div>

<div class="ui-field-contain">
<label for="tel">Tel:</label>
<input type="tel" name="tel" id="tel" value="" />
<input type="tel" name="tel" id="tel" value="">
</div>

<div class="ui-field-contain">
<label for="time">Time:</label>
<input type="time" name="time" id="time" value="" />
<input type="time" name="time" id="time" value="">
</div>

<div class="ui-field-contain">
<label for="date">Date:</label>
<input type="date" name="date" id="date" value="" />
<input type="date" name="date" id="date" value="">
</div>

<div class="ui-field-contain">
<label for="month">Month:</label>
<input type="month" name="month" id="month" value="" />
<input type="month" name="month" id="month" value="">
</div>

<div class="ui-field-contain">
<label for="week">Week:</label>
<input type="week" name="week" id="week" value="" />
<input type="week" name="week" id="week" value="">
</div>

<div class="ui-field-contain">
<label for="datetime">Datetime:</label>
<input type="datetime" name="datetime" id="datetime" value="" />
<input type="datetime" name="datetime" id="datetime" value="">
</div>

<div class="ui-field-contain">
<label for="datetime-l">Datetime local:</label>
<input type="datetime-local" name="datetime-l" id="datetime-l" value="" />
<input type="datetime-local" name="datetime-l" id="datetime-l" value="">
</div>

<div class="ui-field-contain">
<label for="color">Color:</label>
<input type="color" name="color" id="color" value="" />
<input type="color" name="color" id="color" value="">
</div>
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion resources/textinput/example7.html
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@
<div data-role="page" style="max-height:90px; min-height:90px;">
<div role="main" class="ui-content">
<label for="clear-demo">Text Input:</label>
<input type="text" name="clear-demo" id="clear-demo" value="" data-clear-btn="true" />
<input type="text" name="clear-demo" id="clear-demo" value="" data-clear-btn="true">
</div>
</div>
</body>
Expand Down