二分类数据集 gitee Vue全家桶 5G flash swift3 xampp arm Normalizecss Momentjs android经典项目开发实战 arduino程序 sallenkey滤波器 java解析json数组 string转16进制 js数组截取前5个 matlab图像滤波 docker启动命令 python中的zip python语言入门 python输出中文 java正则表达式 javaswitch java方法重载 java接口的使用 java数组输出 java字符串格式化 java输出 俄罗斯方块c语言代码 忧思华光玉 h370主板 怎么设置迅雷为默认下载器 联发科mt6750 3d看图软件 淘宝图片下载 安卓adb dos系统下载 暴力猴 ps怎么羽化图片边缘 ps给图片加边框
当前位置: 首页 > 学习教程  > 

bootstrap 前后缀

2020/10/16 17:43:28 文章标签: bootstrap文本框

把前缀或后缀元素放在一个带有 class .input-group 的 <div> 中。接着&#xff0c;在相同的 <div> 内&#xff0c;在 class 为 .input-group-addon 的 <span> 内放置额外的内容。把该 <span> 放置在 <input> 元素的前面或者后面。<div style&…

把前缀或后缀元素放在一个带有 class .input-group 的 <div> 中。
接着,在相同的 <div> 内,在 class 为 .input-group-addon 的 <span> 内放置额外的内容。
把该 <span> 放置在 <input> 元素的前面或者后面。

<div style="padding: 100px 100px 10px;">
    <form class="bs-example bs-example-form" role="form">
        <div class="input-group">
            <span class="input-group-addon">@</span>
            <input type="text" class="form-control" placeholder="twitterhandle">
        </div>
        <br>
        <div class="input-group">
            <input type="text" 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>
    </form>
</div>


本文链接: http://www.dtmao.cc/news_show_300044.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?