diff options
Diffstat (limited to 'docs/javascript.html')
| -rw-r--r-- | docs/javascript.html | 40 |
1 files changed, 20 insertions, 20 deletions
diff --git a/docs/javascript.html b/docs/javascript.html index 7fb1448ec..1679c0e7f 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -1086,37 +1086,37 @@ $('#my-alert').bind('closed', function () { <h4>Stateful</h4> <p>Add data-loading-text="Loading..." to use a loading state on a button.</p> <div class="bs-docs-example" style="padding-bottom: 24px;"> - <button id="fat-btn" data-loading-text="loading..." class="btn btn-primary"> + <button type="button" id="fat-btn" data-loading-text="loading..." class="btn btn-primary"> Loading state </button> </div> <pre class="prettyprint linenums"> -<button class="btn btn-primary" data-loading-text="Loading...">Loading state</button> +<button type="button" class="btn btn-primary" data-loading-text="Loading...">Loading state</button> </pre> <h4>Single toggle</h4> <p>Add data-toggle="button" to activate toggling on a single button.</p> <div class="bs-docs-example" style="padding-bottom: 24px;"> - <button class="btn btn-primary" data-toggle="button">Single Toggle</button> + <button type="button" class="btn btn-primary" data-toggle="button">Single Toggle</button> </div> <pre class="prettyprint linenums"> -<button class="btn" data-toggle="button">Single Toggle</button> +<button type="button" class="btn" data-toggle="button">Single Toggle</button> </pre> <h4>Checkbox</h4> <p>Add data-toggle="buttons-checkbox" for checkbox style toggling on btn-group.</p> <div class="bs-docs-example" style="padding-bottom: 24px;"> <div class="btn-group" data-toggle="buttons-checkbox"> - <button class="btn btn-primary">Left</button> - <button class="btn btn-primary">Middle</button> - <button class="btn btn-primary">Right</button> + <button type="button" class="btn btn-primary">Left</button> + <button type="button" class="btn btn-primary">Middle</button> + <button type="button" class="btn btn-primary">Right</button> </div> </div> <pre class="prettyprint linenums"> <div class="btn-group" data-toggle="buttons-checkbox"> - <button class="btn">Left</button> - <button class="btn">Middle</button> - <button class="btn">Right</button> + <button type="button" class="btn">Left</button> + <button type="button" class="btn">Middle</button> + <button type="button" class="btn">Right</button> </div> </pre> @@ -1124,16 +1124,16 @@ $('#my-alert').bind('closed', function () { <p>Add data-toggle="buttons-radio" for radio style toggling on btn-group.</p> <div class="bs-docs-example" style="padding-bottom: 24px;"> <div class="btn-group" data-toggle="buttons-radio"> - <button class="btn btn-primary">Left</button> - <button class="btn btn-primary">Middle</button> - <button class="btn btn-primary">Right</button> + <button type="button" class="btn btn-primary">Left</button> + <button type="button" class="btn btn-primary">Middle</button> + <button type="button" class="btn btn-primary">Right</button> </div> </div> <pre class="prettyprint linenums"> <div class="btn-group" data-toggle="buttons-radio"> - <button class="btn">Left</button> - <button class="btn">Middle</button> - <button class="btn">Right</button> + <button type="button" class="btn">Left</button> + <button type="button" class="btn">Middle</button> + <button type="button" class="btn">Right</button> </div> </pre> @@ -1158,11 +1158,11 @@ $('#my-alert').bind('closed', function () { <strong>Heads up!</strong> You can enable auto toggling of a button by using the <code>data-toggle</code> attribute. </div> - <pre class="prettyprint linenums"><button class="btn" data-toggle="button" >…</button></pre> + <pre class="prettyprint linenums"><button type="button" class="btn" data-toggle="button" >…</button></pre> <h4>$().button('loading')</h4> <p>Sets button state to loading - disables button and swaps text to loading text. Loading text should be defined on the button element using the data attribute <code>data-loading-text</code>. </p> - <pre class="prettyprint linenums"><button class="btn" data-loading-text="loading stuff..." >...</button></pre> + <pre class="prettyprint linenums"><button type="button" class="btn" data-loading-text="loading stuff..." >...</button></pre> <div class="alert alert-info"> <strong>Heads up!</strong> <a href="https://github.com/twitter/bootstrap/issues/793">Firefox persists the disabled state across page loads</a>. A workaround for this is to use <code>autocomplete="off"</code>. @@ -1171,7 +1171,7 @@ $('#my-alert').bind('closed', function () { <p>Resets button state - swaps text to original text.</p> <h4>$().button(string)</h4> <p>Resets button state - swaps text to any data defined text state.</p> -<pre class="prettyprint linenums"><button class="btn" data-complete-text="finished!" >...</button> +<pre class="prettyprint linenums"><button type="button" class="btn" data-complete-text="finished!" >...</button> <script> $('.btn').button('complete') </script></pre> @@ -1234,7 +1234,7 @@ $('#my-alert').bind('closed', function () { </div> </div> <pre class="prettyprint linenums"> -<button class="btn btn-danger" data-toggle="collapse" data-target="#demo"> +<button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo"> simple collapsible </button> |