Textinput: corrected pre-rendered example

agcolom · agcolom · commit 0f2cf0857529 · 2014-02-18T19:41:22.000Z
Closes gh-270
diff --git a/entries/textinput.xml b/entries/textinput.xml
@@ -166,8 +166,9 @@ $( ".mySearchInput" ).textinput();
 		<p>The <placeholder name="name"/> widget wraps <code>input</code>-based widgets in  <code>div</code> used for creating the style. <code>textarea</code> elements are not wrapped in such a <code>div</code>.</p>
 		<p>In the example below, we add the attribute <code>data-corners="false"</code> to the input, because the class <code>ui-corner-all</code> is absent from the wrapper, indicating that the value of the "corners" option should be false.</p>
 <pre><code><![CDATA[
+<label for="pre-rendered-text-field">Pre-rendered input:</label>
 <div class="ui-input-text ui-body-inherit ui-shadow-inset">
-	<input type="text" data-enhanced="true" data-corners="false" name="pre-rendered-text-field" id="pre-rendered-text-field"></input>
+	<input type="text" data-enhanced="true" data-corners="false" name="pre-rendered-text-field" id="pre-rendered-text-field">
 </div>
 ]]></code></pre>
 			<iframe src="/resources/textinput/example8.html" style="width:100%;height:90px;border:0px"></iframe>
diff --git a/resources/textinput/example8.html b/resources/textinput/example8.html
@@ -25,8 +25,9 @@
 <body>
 <div data-role="page" style="max-height:90px; min-height:90px;">
 	<div role="main" class="ui-content">
+		<label for="pre-rendered-text-field">Pre-rendered input:</label>
 		<div class="ui-input-text ui-body-inherit ui-shadow-inset">
-			<input data-enhanced="true" data-corners="false" type="text" name="pre-rendered-text-field" id="pre-rendered-text-field"></input>
+			<input data-enhanced="true" data-corners="false" type="text" name="pre-rendered-text-field" id="pre-rendered-text-field">
 		</div>
 	</div>
 </div>
