BootStrap之按钮组inputGroup

最新推荐文章于 2022-06-14 07:21:26 发布

写完bug就找女朋友

最新推荐文章于 2022-06-14 07:21:26 发布

阅读量2.1k

点赞数

分类专栏： Bootstrap笔记文章标签： BootStrap之input BootStrap常用输入框格式

本文链接：https://blog.csdn.net/qq_37844454/article/details/83714571

版权

Bootstrap笔记专栏收录该内容

11 篇文章 0 订阅

订阅专栏

邮箱类型后缀：

<div class="input-group">
	<input type="text" class="form-control" placeholder="input username" />
	<span class="input-group-addon">@mail.com</span>
</div>

效果图：

金额类型：

<div class="input-group">
	<span class="input-group-addon">$</span>
	<input type="text" class="form-control" placeholder="input num" />
	<span class="input-group-addon">0.00</span>
</div>

效果图：

用户名&密码类型：

<div class="input-group">
	<span class="input-group-addon">
	      <span class="glyphicon glyphicon-user"></span>
	</span>
	<input type="text" class="form-control" placeholder="input username">
</div><br />
<div class="input-group">
     <span class="input-group-addon">
	       <span class="glyphicon glyphicon-lock"></span>
     </span>
	<input type="password" class="form-control" placeholder="input password">
</div>

效果图：