常用输入框组组合

时间组合

Loading动画

钱币图标组合

<label asp-for="SpareMoney" class="col-md-2 control-label text-danger"></label>
                    <div class="col-md-4">
                        <div class="input-group">
                            <span class="input-group-addon"><span class="fa fa-yen"></span></span>
                            <input asp-for="SpareMoney" class="form-control"aria-label="Amount (to the nearest yen)" />

                        </div>
                        <span asp-validation-for="SpareMoney" class="text-danger"></span>
                    </div>

模态框

必须刷新页面才可关闭的模态框,键盘Esc也不可关闭

<!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#loadingModal" data-backdrop="static" data-keyboard=false>
  Launch demo modal
</button>
<!-- Modal -->
    <div class="modal fade" id="loadingModal" tabindex="-1" role="dialog" aria-labelledby="loadingModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="loadingModal">请稍后</h4>
                </div>
                <div class="modal-body">
                    <img class="icon" src="~/ajax-loader.gif">&nbsp; 正在处理,请耐心等候,勿关闭窗口...
                </div>
            </div>
        </div>
    </div>
时间: 2024-08-06 01:57:08

常用输入框组组合的相关文章

bootstrap51-Bootstrap 基本的输入框组

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 基本的输入框组</title> <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"

bootstrap52-Bootstrap 输入框组的大小

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 输入框组的大小</title> <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"

bootstrap的输入框组

通过在文本输入框 <input> 前面.后面或是两边加上文字或按钮,可以实现对表单控件的扩展.为 .input-group 赋予 .input-group-addon 类,可以给 .form-control 的前面或后面添加额外的元素. 只支持文本输入框 <input> 这里请避免使用 <select> 元素,因为 WebKit 浏览器不能完全绘制它的样式. 避免使用 <textarea> 元素,由于它们的 rows 属性在某些情况下不被支持. 输入框组中的

bootstrap-列表组--组合列表项的状

1.运行效果如图所示 2.实现代码如下 <!DOCTYPE html> <html> <head>     <meta charset="utf-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <title>列表组--组合列表项的状</title>     <!-- 最新版本

常用的组策略

企业中常用的组策略 1:组策略的强大这里就不多说了,企业现在基本上都在域环境中办公.这里就学习一下作为一个企业里面常用到的组策略. 首先打开组策略管理器,默认有两台策略,一条是默认的域策略一条是默认的域控制器策略. 这个默认策略定义的都是一些安全方面的策略,一般我们都不去改变,如果需要新的策略就去新建一个GPO然后下发给对应的OU即可. 微软的组策略都是四步走 第一步:创建一条组策略: 第二步:编辑策略内容: 第三部:下发给对应的OU: 第四步:gpupdate  /force 强制刷新组策略.

bootstrap之输入框组

向输入域添加前缀和后缀的内容 <div style="padding: 100px 100px 10px;"> <form class="bs-example bs-example-form" role="form"> <div class="input-group input-group-lg"> <span class="input-group-addon"&g

Bootstrap&lt;基础十五&gt; 输入框组

Bootstrap 支持的另一个特性,输入框组.输入框组扩展自 表单控件.使用输入框组,可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮. 通过向输入域添加前缀和后缀的内容,您可以向用户输入添加公共的元素.例如,可以添加美元符号,或者在 Twitter 用户名前添加 @,或者应用程序接口所需要的其他公共的元素. 向 .form-control 添加前缀或后缀元素的步骤如下: 把前缀后后缀元素放在一个带有 class .input-group 的 <div> 中. 接着,在相同的 &

shell--数组 组合 高级应用

#!/bin/bash # 用shell中的数组构造统计不同的组合个数. # 下面的组合有(1,6)(3,4)(5,5)(1,6)(5,5)(4,3)(1,8) # 不同的组合为(1,6)(3,4)(5,5)(4,3)(1,8) arrayLeft=(1 3 5 1 5 4 1) arrayRight=(6 4 5 6 5 3 8) # comNum用来表示不同组合个数 comNum=0 arrayLeftLength=${#arrayLeft[*]} if [[ arrayLeftLength

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

输入框组默认是div.input-group 已知可在input表单元素前后加入两类元素[分别是文本和按钮]如下所示: div.input-group-addon{文字或符号} input.form-control div.input-group-btn 其中按钮还可嵌套下拉菜单(包括分裂式下拉菜单) 一.基本用法如下: <div class="input-group"> <span class="input-group-addon">@&l