mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-16 18:44:01 +02:00
Code Issues Releases Wiki Activity

tweak readonly, disabled, and uneditable form elements

Browse Source
This commit is contained in:
Mark Otto
2011-09-02 21:54:11 -07:00
parent c4481b54a8
commit d5e42cf81a
4 changed files with 86 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
docs/index.html
View File

@@ -621,7 +621,7 @@
<fieldset>
<legend>Example form legend</legend>
<div class="clearfix">
<label for="xlInput">X-Large Input</label>
<label for="xlInput">X-Large input</label>
<div class="input">
<input class="xlarge" id="xlInput" name="xlInput" size="30" type="text" />
</div>
@@ -651,19 +651,25 @@
</div>
</div><!-- /clearfix -->
<div class="clearfix">
<label>Uneditable Input</label>
<label>Uneditable input</label>
<div class="input">
<span class="uneditable-input">Some Value Here</span>
<span class="uneditable-input">Some value here</span>
</div>
</div><!-- /clearfix -->
<div class="clearfix">
<label for="disabledInput">Disabled Input</label>
<label for="disabledInput">Disabled input</label>
<div class="input">
<input class="xlarge disabled" id="disabledInput" name="disabledInput" size="30" type="text" placeholder="Disabled input here… carry on." disabled />
</div>
</div><!-- /clearfix -->
<div class="clearfix">
<label for="disabledInput">Disabled textarea</label>
<div class="input">
<textarea class="xxlarge" name="textarea" id="textarea" rows="3" disabled></textarea>
</div>
</div><!-- /clearfix -->
<div class="clearfix error">
<label for="xlInput2">X-Large Input</label>
<label for="xlInput2">X-Large input</label>
<div class="input">
<input class="xlarge error" id="xlInput2" name="xlInput2" size="30" type="text" />
<span class="help-inline">Small snippet of help text</span>
@@ -673,7 +679,7 @@
<fieldset>
<legend>Example form legend</legend>
<div class="clearfix">
<label for="prependedInput">Prepended Text</label>
<label for="prependedInput">Prepended text</label>
<div class="input">
<div class="input-prepend">
<span class="add-on">@</span>
@@ -682,7 +688,7 @@
</div>
</div><!-- /clearfix -->
<div class="clearfix">
<label for="prependedInput2">Prepended Checkbox</label>
<label for="prependedInput2">Prepended checkbox</label>
<div class="input">
<div class="input-prepend">
<label class="add-on"><input type="checkbox" name="" id="" value="" /></label>
@@ -691,7 +697,7 @@
</div>
</div><!-- /clearfix -->
<div class="clearfix">
<label for="appendedInput">Appended Checkbox</label>
<label for="appendedInput">Appended checkbox</label>
<div class="input">
<div class="input-append">
<input class="mini" id="appendedInput" name="appendedInput" size="16" type="text" />
@@ -700,7 +706,7 @@
</div>
</div><!-- /clearfix -->
<div class="clearfix">
<label for="fileInput">File Input</label>
<label for="fileInput">File input</label>
<div class="input">
<input class="input-file" id="fileInput" name="fileInput" type="file" />
</div>
@@ -709,7 +715,7 @@
<fieldset>
<legend>Example form legend</legend>
<div class="clearfix">
<label id="optionsCheckboxes">List of Options</label>
<label id="optionsCheckboxes">List of options</label>
<div class="input">
<ul class="inputs-list">
<li>
@@ -743,7 +749,7 @@
</div>
</div><!-- /clearfix -->
<div class="clearfix">
<label>Date Range</label>
<label>Date range</label>
<div class="input">
<div class="inline-inputs">
<input class="small" type="text" value="May 1, 2011" />
@@ -758,14 +764,14 @@
<div class="clearfix">
<label for="textarea">Textarea</label>
<div class="input">
<textarea class="xxlarge" id="textarea" name="textarea"></textarea>
<textarea class="xxlarge" id="textarea2" name="textarea2" rows="3"></textarea>
<span class="help-block">
Block of help text to describe the field above if need be.
</span>
</div>
</div><!-- /clearfix -->
<div class="clearfix">
<label id="optionsRadio">List of Options</label>
<label id="optionsRadio">List of options</label>
<div class="input">
<ul class="inputs-list">
<li>
@@ -784,7 +790,7 @@
</div>
</div><!-- /clearfix -->
<div class="actions">
<input type="submit" class="btn primary" value="Save Changes">&nbsp;<button type="reset" class="btn">Cancel</button>
<input type="submit" class="btn primary" value="Save changes">&nbsp;<button type="reset" class="btn">Cancel</button>
</div>
</fieldset>
</form>
@@ -803,7 +809,7 @@
<fieldset>
<legend>Example form legend</legend>
<div class="clearfix">
<label for="xlInput3">X-Large Input</label>
<label for="xlInput3">X-Large input</label>
<div class="input">
<input class="xlarge" id="xlInput3" name="xlInput3" size="30" type="text" />
</div>
@@ -824,14 +830,14 @@
<fieldset>
<legend>Example form legend</legend>
<div class="clearfix error">
<label for="xlInput4">X-Large Input</label>
<label for="xlInput4">X-Large input</label>
<div class="input">
<input class="xlarge error" id="xlInput4" name="xlInput4" size="30" type="text" />
<span class="help-inline">Small snippet of help text</span>
</div>
</div><!-- /clearfix -->
<div class="clearfix">
<label id="optionsCheckboxes">List of Options</label>
<label id="optionsCheckboxes">List of options</label>
<div class="input">
<ul class="inputs-list">
<li>
@@ -854,7 +860,7 @@
</div><!-- /clearfix -->
</fieldset>
<div class="actions">
<button type="submit" class="btn primary">Save Changes</button>&nbsp;<button type="reset" class="btn">Cancel</button>
<button type="submit" class="btn primary">Save changes</button>&nbsp;<button type="reset" class="btn">Cancel</button>
</div>
</form>
</div>