diff options
| author | Mark Otto <[email protected]> | 2012-11-04 19:41:41 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2012-11-04 19:41:41 -0800 |
| commit | 823b5accd327e129e301b2f0508d911fe0d194c6 (patch) | |
| tree | f8d95e2eebff3010f10dfcf763f9aadf1c38bc36 /docs | |
| parent | 7e6cc0bf7ec795189dc14e6b27ffd25940081c71 (diff) | |
| download | bootstrap-823b5accd327e129e301b2f0508d911fe0d194c6.tar.xz bootstrap-823b5accd327e129e301b2f0508d911fe0d194c6.zip | |
start documenting html5 invalid form fields
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/base-css.html | 9 | ||||
| -rw-r--r-- | docs/templates/pages/base-css.mustache | 9 |
2 files changed, 18 insertions, 0 deletions
diff --git a/docs/base-css.html b/docs/base-css.html index bd04e53d6..ff2325dfa 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -1571,6 +1571,15 @@ For example, <code><section></code> should be wrapped as inlin <input class="input-xlarge" id="focusedInput" type="text" value="This is focused..."> </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"> +<input class="span4" type="text" placeholder="Required input" required> +</pre> + <h3>Disabled inputs</h3> <p>Add the <code>disabled</code> attribute on an input to prevent user input and trigger a slightly different look.</p> <form class="bs-docs-example form-inline"> diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache index e9377026a..1c80f9de0 100644 --- a/docs/templates/pages/base-css.mustache +++ b/docs/templates/pages/base-css.mustache @@ -1508,6 +1508,15 @@ <input class="input-xlarge" id="focusedInput" type="text" value="{{_i}}This is focused...{{/i}}"> </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"> +<input class="span4" type="text" placeholder="{{_i}}Required input{{/i}}" required> +</pre> + <h3>{{_i}}Disabled inputs{{/i}}</h3> <p>{{_i}}Add the <code>disabled</code> attribute on an input to prevent user input and trigger a slightly different look.{{/i}}</p> <form class="bs-docs-example form-inline"> |