编辑下面的代码:【加编码】
<html lang="en"> <head> <meta charset="utf-8"> <title>Bootstrap Version2.0 horizontal form browser status example</title> <meta name="description" content="Bootstrap Version2.0 horizontal form browser status example from ziqiangxuetang.com."> <link href="/try/bootstrap/twitter-bootstrap-v2/docs/assets/css/bootstrap.css" rel="stylesheet"> </head> <body> <form class="form-horizontal"> <fieldset> <legend>Controls Bootstrap supports</legend> <div class="control-group"> <label class="control-label" for="input01">Focused Input</label> <div class="controls"> <input type="text" class="input-xlarge" id="input01"> <p class="help-block">In addition to freeform text, any HTML5 text-based input appears like so.</p> </div> </div> <div class="control-group"> <label class="control-label" for="input01">Raed only Input</label> <div class="controls"> <input type="text" class="input-xlarge" id="input01" readonly> <p class="help-block">In addition to freeform text, any HTML5 text-based input appears like so.</p> </div> </div> <div class="control-group"> <label class="control-label" for="input01">Disabled Input</label> <div class="controls"> <input type="text" class="input-xlarge" id="input01" disabled> <p class="help-block">In addition to freeform text, any HTML5 text-based input appears like so.</p> </div> </div> <div class="control-group"> <label class="control-label" for="optionsCheckbox" reado>Checkbox (disabled)</label> <div class="controls"> <label class="checkbox"> <input type="checkbox" id="optionsCheckbox" value="option1" disabled> Option one is this and that—be sure to include why it's great </label> </div> </div> <div class="form-actions"> <button type="submit" class="btn btn-primary" disabled>Save changes (disabled button)</button> <button class="btn">Cancel</button> </div> </fieldset> </form> </body> </html>
结果: 【此窗口】 帮助?
Try it Yourself - © 自强学堂