bootstrap历练实例：按钮作为输入框组前缀或后缀

2024-04-07 07:57•杂谈•阅读 1619

<!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 >

<div class="input-group">

<span class="input-group-btn">

<button type="button" class="btn btn-default">按钮</button>

</span>

<input type="text" class="form-control" />

</div>

<br />

<div class="input-group">

<input type="text" class="form-control" />

<span class="input-group-btn">

<button type="button" class="btn btn-default">按钮</button>

</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>

上一篇 »[Python进阶]001.不定参数
下一篇 »试题：用JavaScript实现密码验证功能