bootstrap 表单元素、按钮、链接的禁用

在Bootstra中,表单元素,按钮通过在标签内设置 disabled 或 disabled="disabled" 可以禁用表单元素,按钮。链接需要加入class="disabled" 可以禁用链接。
文本框的禁用:<input class="form-control" id="disabledInput" type="text"
            placeholder="该输入框禁止输入..." disabled>组合表单的禁用:如果 filedset标签上禁用了,那么它里面所有表单元素都禁用,包括子文本框、下拉列表。
  <fieldset disabled>
      <div class="form-group">
         <label for="disabledTextInput"  class="col-sm-2 control-label">
            禁用输入(Fieldset disabled)
         </label>
         <div class="col-sm-10">
            <input type="text" id="disabledTextInput" class="form-control"
               placeholder="禁止输入">
         </div>
      </div>
      <div class="form-group">
         <label for="disabledSelect"  class="col-sm-2 control-label">
            禁用选择菜单(Fieldset disabled)
         </label>
         <div class="col-sm-10">
            <select id="disabledSelect" class="form-control">
               <option>禁止选择</option>
            </select>
         </div>
      </div>
   </fieldset>

禁用按钮
  <button type="button" class="btn btn-default btn-lg" disabled="disabled">
      禁用按钮
   </button>
禁用链接:<a href="#" class="btn btn-default btn-lg disabled" role="button">
      禁用链接
   </a
 
时间: 2024-10-12 08:02:53

bootstrap 表单元素、按钮、链接的禁用的相关文章

Bootstrap表单之按钮专题

按钮:Bootstrap框架的按钮也是一个独立部分,我们同样在不同的版本之中能找到对应的代码: LESS版本:查看源文件buttons.less        Sass版本:查看源文件_buttons.scss         已编译版本:查看源文件bootstrap.css文件第1992行-第2353行 各种按钮代码如下: <body> <button class="btn" type="button">基础按钮.btn</butto

表单元素标签链接跳转失效处理

在表单内部,button按钮,事件跳转失效 function _cancal() { window.location = "knowledgeList.do"; window.event.returnValue=false;}

bootstrap 表单+按钮+对话框

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <!-- 推荐使用GCF(兼容IE6.

jquery的attr方法禁用表单元素

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <ti

MVC中使用内建的HTML辅助方法产生表单元素提交表单与button按钮事件的陷阱

网站模板页有个登陆的退出按钮,当点击时跳转到登陆页面. <button onclick="logout()" >退出</button> $("#logOut").click(function () { location.href = "@Url.Action("Logout", "Account")"; }); 然后再某个页面楼主用了HTML辅助方法产生表单元素,代码如下所示: @H

详解Bootstrap表单组件

表单常见的元素主要包括:文本输入框.下拉选择框.单选框.复选框.文本域.按钮等.下面是不同的bootstrap版本: LESS:  forms.less SASS:  _forms.scss bootstrap仅对表单内的fieldset.legend.label标签进行了定制 fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0;

表格Table和表单元素

1.相对路径与绝对路径 绝对路径 指带域名的文件的完整路径和磁盘中指定文件的全部路径 网址(网站的尾部)–a标签用的比较多 <img src="D:/2019/9/1.jpg" > <a href="http://www.baidu.com">百度一下</a> 相对路径 是指在同一个文件夹下,通过一个参考点来找到其他文件 返回上一级 ../ 同级之间直接写文件名 下一级用 / 2.标签的嵌套规范 1.块元素可以包含内联元素或某些块

表单元素

1.单行文本框<input type="text"/>(input 的type 属性的默认值就是"text") <input type = "text" name="名称"/> 以下是单行文本框的主要属性: size:指定文本框的宽度,以字符个数为单位:在大多数浏览器中,文本框的缺省宽度是20个字符. value:指定文本框的默认值,是在浏览器第一次显示表单或者用户单击<input type=&q

去除表单元素的默认样式

一.使用 appearance 改变 webkit 浏览器的默认外观 webkit 内核浏览器具备私有属性" -webkit-appearance "可以改变元素的外观,该属性非常强大,适合大部分标签,这对于 webkit 的页面优化带来极大的帮助. 禁用表单input.select元素的默认外观 input,select{ -webkit-appearance:none; appearance:none; } 二.使用伪元素改变 IE10 表单元素默认外观 禁用 select 默认下