编辑下面的代码:【加编码】
<html lang="en"> <head> <meta charset="utf-8"> <title>Bootstrap Version2.0 horizontal form layout example</title> <meta name="description" content="Bootstrap Version2.0 horizontal form layout 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">Text 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="optionsCheckbox">Checkbox</label> <div class="controls"> <label class="checkbox"> <input type="checkbox" id="optionsCheckbox" value="option1"> Option one is this and that—be sure to include why it's great </label> </div> </div> <div class="control-group"> <label class="control-label" for="select01">Select list</label> <div class="controls"> <select id="select01"> <option>something</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> </div> </div> <div class="control-group"> <label class="control-label" for="multiSelect">Multicon-select</label> <div class="controls"> <select multiple id="multiSelect"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> </div> </div> <div class="control-group"> <label class="control-label" for="fileInput">File input</label> <div class="controls"> <input class="input-file" id="fileInput" type="file"> </div> </div> <div class="control-group"> <label class="control-label" for="textarea">Textarea</label> <div class="controls"> <textarea class="input-xlarge" id="textarea" rows="3"></textarea> </div> </div> <div class="form-actions"> <button type="submit" class="btn btn-primary">Save changes</button> <button class="btn">Cancel</button> </div> </fieldset> </form> </body> </html>
结果: 【此窗口】 帮助?
Try it Yourself - © 自强学堂