start documenting html5 invalid form fields

diff --git a/docs/base-css.html b/docs/base-css.html
index bd04e53d6fdd0bee0134e2897560f84548c1bc08..ff2325dfa4b3438055e9b9c54cf798c41a2ad52e 100644 (file)
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -1569,6 +1569,15 @@ For example, <code><section></code> should be wrapped as inlin
           </form>
 <pre class="prettyprint linenums">
 &lt;input class="input-xlarge" id="focusedInput" type="text" value="This is focused..."&gt;
+</pre>
+
+          <h3>Required inputs</h3>
+          <p>Style inputs via default browser functionality with <code>:valid</code>.</p>
+          <form class="bs-docs-example form-inline">
+            <input class="span4" type="text" value="Required input" required>
+          </form>
+<pre class="prettyprint linenums">
+&lt;input class="span4" type="text" placeholder="Required input" required&gt;
 </pre>
 
           <h3>Disabled inputs</h3>

diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
index e9377026ac492e38e805d5aeef34ea20db914d4c..1c80f9de0f69207024d2cb98ed119c61f10289af 100644 (file)
--- a/docs/templates/pages/base-css.mustache
+++ b/docs/templates/pages/base-css.mustache
@@ -1506,6 +1506,15 @@
           </form>
 <pre class="prettyprint linenums">
 &lt;input class="input-xlarge" id="focusedInput" type="text" value="{{_i}}This is focused...{{/i}}"&gt;
+</pre>
+
+          <h3>{{_i}}Required inputs{{/i}}</h3>
+          <p>{{_i}}Style inputs via default browser functionality with <code>:valid</code>.{{/i}}</p>
+          <form class="bs-docs-example form-inline">
+            <input class="span4" type="text" value="{{_i}}Required input{{/i}}" required>
+          </form>
+<pre class="prettyprint linenums">
+&lt;input class="span4" type="text" placeholder="{{_i}}Required input{{/i}}" required&gt;
 </pre>
 
           <h3>{{_i}}Disabled inputs{{/i}}</h3>