bootstrap之input-group

< input group > bootstrap form divclass= div> 编程技术
发布日期 2022-11-09 更新日期 2022-11-09 阅读次数 166 文章字数 513

表单输入组

在 input-group 中，使用 form-control 的 input ，轻松套上 label，一般会使用 input-group-addon

<form class="form-inline">
  <div class="form-group">
    <label class="sr-only" for="exampleInputAmount">Amount (in dollars)</label>
    <div class="input-group">
      <div class="input-group-addon">$</div>
      <input type="text" class="form-control" id="exampleInputAmount" placeholder="Amount">
      <div class="input-group-addon">.00</div>
    </div>
  </div>
  <button type="submit" class="btn btn-primary">Transfer cash</button>
</form>

文章作者: 朱丰华

文章链接: https://smart.52dixiaowo.com/blog/post-189.html

版权声明: 本博客所有文章除特別声明外，均采用 CC BY 4.0 许可协议。

< input group > bootstrap form divclass= div>

发表评论

相关推荐
朱丰华   |   2年前   |   checkbox

checkbox默认传值问题

630    评论    点赞
朱丰华   |   2年前   |   linux

linux保持后台进程不被关闭nohup &

470    评论    点赞
朱丰华   |   2年前   |   sql · mysql

mysql Timestamp或dateTime格式筛选

317    评论    点赞
朱丰华   |   2年前   |   请求 · 一个

ab测压命令，apache测压工具

339    评论    点赞
朱丰华   |   2年前   |   < · iframe

让iframe嵌入的视频自适应 （100%宽度）？

330    评论    点赞
朱丰华   |   2年前   |   js · 重复

js如何避免重复监听addEventListener事件？

352    评论    点赞
朱丰华   |   2年前   |   正则 · 表达

正则表达式，实现if...then...else

275    评论    点赞
朱丰华   |   2年前   |   变量 · mysql · sql · 用户

MySQL用户自定义变量

234    评论    点赞
朱丰华   |   2年前   |   sed · 文件

Shell 指定行处理head、tail、sed

283    评论    点赞
朱丰华   |   2年前   |   php · 字符 · 字符串

如何在 PHP 中将字符串的第一个字母转换为大写

319    评论    点赞
朱丰华   |   2年前   |   php · 字符 · 正则

php正则表达式原生字符

191    评论    点赞
朱丰华   |   2年前   |   html · <

html浏览器当前tab标签切换时触发监听

202    评论    点赞
朱丰华   |   2年前   |   javascript · 滚动 · html

Javascript 显示当前滚动条滚动的百分比

172    评论    点赞
朱丰华   |   2年前   |   html · id · <

html同一个页面有两个相同id ，如何用id选择器选中

232    评论    点赞
朱丰华   |   2年前   |   文件 · linux · 修改

linux文件的三个时间atime,mtime,ctime分别表示什么？

463    评论    点赞
朱丰华   |   2年前   |   linux · 文件

linux递归统计文件夹大小、du命令_Linux du命令：查看文件夹和文件的磁盘占用情况

372    评论    点赞
朱丰华   |   2年前   |   git · add · 文件

git add -A 和 git add . 的区别

205    评论    点赞
朱丰华   |   2年前   |   php

windows下编写、编译php扩展

312    评论    点赞
朱丰华   |   2年前   |   linux · php

linux下编写、编译php扩展

276    评论    点赞
朱丰华   |   2年前   |   html

npm clean-mark，抓取网页文章内容，转换成markdown、html、txt

318    评论    点赞
{{item.author_name}}   |   {{new Date(item.date*1000).log()}}   |   {{it}} ·

{{item.title}}

{{item.uv}}    评论    点赞