`

Bootstrap文本框的前缀与后缀

 
阅读更多
prepend-and-append-finish.html 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>文本框的前缀与后缀</title>
<link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
<!--[if lt IE 9]>
      <script src="../bootstrap/js/html5.js"></script>
<![endif]-->
</head>

<body>
<div class="container">
  <h1 class="page-header">文本框的前缀与后缀</h1>
  <div class="input-prepend input-append">
 <span class="add-on">&yen;</span><input type="text"><span class="add-on">.00</span>
 </div>
 <div class="input-append">
 <input type="text"><button class="btn" type="button">搜索</button>
 </div>
         
</div>
<script src="../bootstrap/js/jquery-1.7.2.min.js"></script> 
<script src="../bootstrap/js/bootstrap.js"></script>
</body>
</html>
分享到：
| Bootstrap表单
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    bootstrap下拉列表与输入框组结合的样式调整

    这样，我们就成功地将Bootstrap的下拉列表与输入框组结合在一起，创建了一个具有定制样式的邮箱后缀选择器。在实际项目中，你可能还需要根据具体需求调整更多细节，比如字体大小、颜色、间距等，确保整个界面的一致...

    Bootstrap输入框组件使用详解

    在Bootstrap中，输入框组件（Input Group）是一个常用的功能，它允许我们优雅地组织和增强输入字段，比如添加前缀、后缀、按钮等元素。下面将详细介绍Bootstrap输入框组件的使用方法。 首先，`...

    自动匹配文本框

    模糊查询算法通常包括前缀匹配、后缀匹配、通配符匹配等。 2. 实时更新：当用户在文本框中输入每个字符时，系统会立即更新下拉列表，展示与当前输入匹配的选项。这种实时性需要高效的事件监听和处理机制，例如...

    bootstrap输入框组代码分享

    Bootstrap 输入框组是网页设计框架Bootstrap中的一个重要组件，它允许开发者在输入框周围添加前缀、后缀元素，如文本、按钮或者复选框、单选按钮，来增强表单的视觉效果和交互性。输入框组是基于HTML5表单控件构建的...

    Bootstrap输入框组件简单实现代码

    input-group-addon则是给input-group添加的前缀或者后缀元素，用于在输入框的前后添加特定的内容，比如@符号、$符号等。 4. form控件的使用：在提供的代码中，也有使用form标签，并且指定了form控件的作用，其中...

Magicbox
Global site tag (gtag.js) - Google Analytics