zoukankan      html  css  js  c++  java
  • BootStrap2学习日记9---文本框的前缀和后缀

    先来看一段代码:

      <form method="" action="">
        <div class="input-append input-prepend">
         <span class="add-on">&yen;</span>   <input class="" type="text">  <span class="add-on">.00</span> </div> </form>

    效果如下:

    容易发现加了“add-on”的Span标签通过div的class属性"input-append"和"input-prepend"与文本框合并了

    “add-on”类可以使<span>与<input>在保证同一行 同一高度

    如果去掉div的class中的:

    ”input-append“效果如图-1
    (图-1)
    “input-prepend”效果如图-2
    (图-2)

    下面的代码是实现一个搜索框:
        <div class="input-append">
          <input  type="text" />
          <input type="button" value="Search" class="btn"/>
        </div>

    效果如图:



  • 相关阅读:
    CSS 选择器
    CSS 用法和特性
    Objective-C 事件响应链
    苹果签名机制
    欧几里得算法
    扩展欧几里得算法
    RSA算法
    动态库加载和代码签名
    __attribute__
    信息熵
  • 原文地址:https://www.cnblogs.com/keiling/p/3637384.html
Copyright © 2011-2022 走看看