<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bootstrap 版本 2.0 垂直表单的浏览器状态实例</title>
<meta name="description" content="Bootstrap Version2.0 horizontal form browser status 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="input01">只读输入</label>
<div class="controls">
<input type="text" class="input-xlarge" id="input01" readonly="true">
<p class="help-block">除了自由格式文本,一些HTML5基于文本的输入像这样呈现。</p>
</div>
</div>
<div class="control-group">
<label class="control-label" for="input01">禁用输入</label>
<div class="controls">
<input type="text" class="input-xlarge" id="input01" disabled>
<p class="help-block">除了自由格式文本,一些HTML5基于文本的输入像这样呈现。</p>
</div>
</div>
<div class="control-group">
<label class="control-label" for="optionsCheckbox" reado>确认框 (禁用)</label>
<div class="controls">
<label class="checkbox">
/**代码未完, 请加载全部代码(NowJava.com).**/
本文系作者在时代Java发表,未经许可,不得转载。如有侵权,请联系nowjava@qq.com删除。