bootstrap模态框input不能获取焦点并编辑

你是否与笔者一样在使用Bootstrap模态框时input标签【日期控件也有这样的问题】不能编辑的问题，下面是我的解决方法

操作方法

  • 01

    将下图中框出来的属性删掉即可

  • 02

    兼容火狐浏览器，笔者在火狐中还是不能编辑，去掉下图属性即可

  • 03

    记得在form中加这个属性 ------------>novalidate 如form层有【class="form-horizontal bootstrap-validator-form"】即去掉 form层中的bootstrap-validator-form

赞 (0)

相关推荐

  • 如何应用Bootstrap的模态框

    在制作页面的时候,实现弹出框一般会用JavaScript内置的方案.但是JavaScript内置的弹出框非常的丑陋,如果想实现漂亮的样式,就需要运用Bootstrap里面的模态框了.下面小编给大家分享 ...

  • BootStrap的两种模态框方式

    bootstrap的弹出层 bootstrap弹出层有多种触发方式,以下是我用到的几种方式: 1.方法一:button中属性触发 注意:button中的data-target内容应该和要和弹出层中的i ...

  • 如何在最新版本手机qq中设置编辑框变为全屏模式

    如何在最新版本手机qq中设置编辑框变为全屏模式

    现在很多老人喜欢使用全屏模式的QQ编辑框发信息,这样使编辑框变得很大气.那么我就来说说设置全屏全屏模式的方法.具体如下:1. 首先,我们登录QQ首页,在好友列表中打开与其中一个好友的聊天框.2.接着, ...

  • html如何设置标签input文本框为只读？

    html中的input用处很广泛,尤其是当我们在网页开发中需要用到表单的时候.这里我们看看有哪些方法让input标签不可编辑. 操作方法 01 我们创建一个html5页面,添加如下图所示input标签 ...

  • 干货！最全优秀搜索框设计案例

    面对纷繁复杂的网页内容,用户通过查询关键词表达需求,期望在响应的查询结果中快速获取准确的信息和流畅的用户体验.用户与网络世界的万千联系都是从搜索开始的.搜索框之于用户就像是用户与应用或网站之间的对话窗 ...

  • Win10:如何打开Build 9879任务栏当中隐藏的搜索框

    上周微软推出了新版本的Windows10 Build 9879，现在经过了几天的功能深入挖掘，我们已经找到了不少新功能，其中之一就是被隐藏的任务栏搜索框。 我们可以通过编辑Windows10 Buil ...

  • WPS让文字在两个文本框内滑动的方法介绍

    文本框是我们大家在编辑文档过程中经常要用到的，比如说有时为了防止文字或图片移动，我们会用文本框的形式将文字或图片框起来。常规操作方法都是先在前一个文本框中输入内容，待内容填满后，再将鼠标移到下一个文本 ...

  • WPS让文字在两个文本框内滑动

    文本框是我们大家在编辑文档过程中经常要用到的，比如说有时为了防止文字或图片移动，我们会用文本框的形式将文字或图片框起来。常规操作方法都是先在前一个文本框中输入内容，待内容填满后，再将鼠标移到下一个文本 ...

  • WPS让文字在两个文本框内自由滑动

    文本框是我们大家在编辑文档过程中经常要用到的，比如说有时为了防止文字或图片移动，我们会用文本框的形式将文字或图片框起来。常规操作方法都是先在前一个文本框中输入内容，待内容填满后，再将鼠标移到下一个文本 ...