From 823b5accd327e129e301b2f0508d911fe0d194c6 Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Sun, 4 Nov 2012 19:41:41 -0800
Subject: [PATCH] start documenting html5 invalid form fields

---
 docs/base-css.html                     | 9 +++++++++
 docs/templates/pages/base-css.mustache | 9 +++++++++
 2 files changed, 18 insertions(+)

diff --git a/docs/base-css.html b/docs/base-css.html
index bd04e53d6f..ff2325dfa4 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -1569,6 +1569,15 @@ For example, &lt;code&gt;&lt;section&gt;&lt;/code&gt; 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 e9377026ac..1c80f9de0f 100644
--- 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>