Bootstrap历练实例：基本输入框组
2015-11-25 15:19
537 查看
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Bootstrap历练实例：基本输入框组</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css" />
</head>
<body>
<form role="form">
<div style="padding:100px 100px 10px">
<div class="input-group">
<span class="input-group-addon">@</span>
<input type="text" class="form-control" placeholder="Bootstrap"/>
</div><br />
<div class="input-group">
<input type="button" class="form-control" />
<span class="input-group-addon">.00</span>
</div><br />
<div class="input-group">
<span class="input-group-addon">￥</span>
<input type="text" class="form-control" />
<span class="input-group-addon">.00</span>
</div>
</div>
</form>
<script src="jQuery/jquery-2.1.4.js"></script>
<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Bootstrap历练实例：基本输入框组</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css" />
</head>
<body>
<form role="form">
<div style="padding:100px 100px 10px">
<div class="input-group">
<span class="input-group-addon">@</span>
<input type="text" class="form-control" placeholder="Bootstrap"/>
</div><br />
<div class="input-group">
<input type="button" class="form-control" />
<span class="input-group-addon">.00</span>
</div><br />
<div class="input-group">
<span class="input-group-addon">￥</span>
<input type="text" class="form-control" />
<span class="input-group-addon">.00</span>
</div>
</div>
</form>
<script src="jQuery/jquery-2.1.4.js"></script>
<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Bootstrap历练实例：输入框组的大小
- bootstrap历练实例：复选框或单选按钮作为输入框组的前缀或后缀
- bootstrap历练实例：按钮作为输入框组前缀或后缀
- bootstrap学习和使用的经验总结
- JS组件系列——表格组件神器：bootstrap table（二：父子表和行列调序）
- bootstrap的pages控件分页获取数据
- Bootstrap每天必学之下拉菜单
- Bootstrap每天必学之栅格系统（布局）
- Bootstrap每天必学之栅格系统（布局）
- Bootstrap每天必学之下拉菜单
- bootstrap框架
- bootstrap基础（一）文本，列表，代码，表格
- Bootstrap历练实例：垂直的按钮组
- bootstrap 按钮组的嵌套
- Bootstrap历练实例：按钮组大小
- Bootstrap历练实例：基本按钮群组
- Bootstrap历练实例：基本按钮组
- Bootstrap 按钮组
- 响应式的前端框架bootstrap
- Bootstrap历练实例：标签页内的下拉菜单