bootstrap input 输入框状态及输入成功、警告、错误提示
bootstrap input 输入框状态及输入成功、警告、错误提示
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<meta charset="utf-8"> 5
<title>Bootstrap 实例 - 表单控件状态</title>6
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> 7
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>8
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>9
</head>10
<body>11
12
<form class="form-horizontal" role="form">13
<div class="form-group">14
<label class="col-sm-2 control-label">聚焦</label>15
<div class="col-sm-10">16
<input class="form-control" id="focusedInput" type="text" value="该输入框获得焦点...">17
</div>18
</div>19
<div class="form-group">20
<label for="inputPassword" class="col-sm-2 control-label">21
禁用22
</label>23
<div class="col-sm-10">24
<input class="form-control" id="disabledInput" type="text" placeholder="该输入框禁止输入..." disabled>25
</div>26
</div>27
<fieldset disabled>28
<div class="form-group">29
<label for="disabledTextInput" class="col-sm-2 control-label">禁用输入（Fieldset disabled）30
</label>31
<div class="col-sm-10">32
<input type="text" id="disabledTextInput" class="form-control" placeholder="禁止输入">33
</div>34
</div>35
<div class="form-group">36
<label for="disabledSelect" class="col-sm-2 control-label">禁用选择菜单（Fieldset disabled）37
</label>38
<div class="col-sm-10">39
<select id="disabledSelect" class="form-control">40
<option>禁止选择</option>41
</select>42
</div>43
</div>44
</fieldset>45
<div class="form-group has-success">46
<label class="col-sm-2 control-label" for="inputSuccess">47
输入成功48
</label>49
<div class="col-sm-10">50
<input type="text" class="form-control" id="inputSuccess">51
</div>52
</div>53
<div class="form-group has-warning">54
<label class="col-sm-2 control-label" for="inputWarning">55
输入警告56
</label>57
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java