<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
</head>
<body>
<!--在表单中添加fieldset disabled整个表单默认禁用-->
<!-- <fieldset>
<form role="form">
<input type="text" name="" class="form-control">
<textarea class="form-control" rows="5">Hello</textarea>
<div class="checkbox">
<label>
<input type="checkbox" name="" value="">
吃苹果
</label>
</div>
<div class="checkbox">复选框
<label>
<input type="checkbox" name="" value="">
吃香焦
</label>
</div>
<div class="radio">单选框
<label>
<input type="radio" name="radios" checked>
男
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="radios" checked>
女
</label>
</div>
<select multiple class="form-control">
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
<option value="">4</option>
</select>
<p>请按照我的格式输入:[email protected]</p>
<input type="text" name="" class="form-control" placeholder="hello" disabled="">
<!--数值禁用-->
<input type="text" name="" class="form-control" readonly="">
只读
</fieldset>
</form>-->
<form role="form">
<div class="form-group has-warning has-feedback col-xs-5"><!--警告-->
<!--col-xs-5栅格控制大小-->
<label>用户ing</label>
<input type="text" name="" class="form-control">
<span class="glyphicon glyphicon-ok form-control-feedback"></span>
</div>
<div class="form-group has-success has-feedback"><!--成功-->
<label>用户ing</label>
<input type="text" name="" class="form-control">
<span class="glyphicon glyphicon-ok form-control-feedback"></span>
</div>
<div class="form-group has-error has-feedback"><!--错误-->
<label>用户ing</label>
<input type="text" name="" class=" form-control">
<span class="glyphicon glyphicon-remove form-control-feedback"></span>
</div>
<!--可添加自定义组件 父元素添加类has-feedback 空标签添加类名为代码+空格+form-control-feedback-->
</form>
</body>
</html>