HTML
CSS
JavaScript
Vue
React
Python
PHP
Java
.Net
Java9手册
PHP手册
CSS3手册
jQuery手册
源代码
在线运行
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Bootstrap 版本2.0 垂直表单布局实例</title> <meta name="description" content="Bootstrap Version2.0 horizontal form layout example from w3cschool.cc."> <link href="/try/bootstrap/twitter-bootstrap-v2/docs/assets/css/bootstrap.css" rel="stylesheet"> </head> <body> <form class="form-horizontal"> <fieldset> <legend>Bootstrap 支持的控件</legend> <div class="control-group"> <label class="control-label" for="input01">文本输入</label> <div class="controls"> <input type="text" class="input-xlarge" id="input01"> <p class="help-block">除了自由格式文本，一些HTML5基于文本的输入像这样呈现</p> </div> </div> <div class="control-group"> <label class="control-label" for="optionsCheckbox">确认框</label> <div class="controls"> <label class="checkbox"> <input type="checkbox" id="optionsCheckbox" value="option1"> 选中该项，确认此项正确。 </label> </div> </div> <div class="control-group"> <label class="control-label" for="select01">选择列表</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">多选</label> <div class="controls"> <select multiple="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">文件上传</label> <div class="controls"> <input class="input-file" id="fileInput" type="file"> </div> </div> <div class="control-group"> <label class="control-label" for="textarea">文本区域</label> <div class="controls"> <textarea class="input-xlarge" id="textarea" rows="3">
保存修改
取消
