您现在的位置是:群英 > 开发技术 > web开发
Bootstrap中如何让input不可编辑,方法是什么
Admin发表于 2022-06-27 17:38:131509 次浏览
今天就跟大家聊聊有关“Bootstrap中如何让input不可编辑,方法是什么”的内容,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。



bootstrap input不可编辑的实现方法:首先打开相应的代码文件;然后为input输入框设置disabled属性,其语句如“placeholder="Disabled input here..." disabled”。

本教程操作环境:Windows7系统、bootsrap3.3.7版,Dell G3电脑。

bootstrap input不可编辑

在Bootstrap中,为input输入框设置 disabled 属性可以禁止其与用户有任何交互(焦点、输入等)。被禁用的输入框颜色更浅,并且还添加了 not-allowed 鼠标状态。

<input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>

效果图:

disabled 属性

disabled 属性是一个布尔属性。

disabled 属性规定应该禁用的 <input> 元素。

被禁用的 input 元素是无法使用和无法点击的。

disabled 属性进行设置,使用户在满足某些条件时(比如选中复选框,等等)才能使用 <input> 元素。然后,可使用 JavaScript 来删除 disabled 值,使该<input> 元素变为可用的状态。

提示:表单中被禁用的 <input> 元素不会被提交。

注意:disabled 属性不适用于 <input type="hidden">。


关于“Bootstrap中如何让input不可编辑,方法是什么”的内容就介绍到这,感谢各位的阅读,相信大家对Bootstrap中如何让input不可编辑,方法是什么已经有了进一步的了解。大家如果还想学习更多知识,欢迎关注群英网络,小编将为大家输出更多高质量的实用文章!

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。

标签: input不可编辑
相关信息推荐
2022-08-25 17:53:03 
摘要:这篇文章主要介绍了解决PHP Opcache 缓存刷新、代码重载出现的无法更新代码的问题,帮助大家更好的理解和学习php,感兴趣的朋友可以了解下
2021-12-23 19:15:34 
摘要:这篇文章我们来了解用C语言怎样实现十字链表的内容,一些朋友可能对于十字链表是什么也不是很了解,对此下文会介绍十字链表及十字链表的实现,但是本文示例需要读者有一定代码基础会更好理解,最好是能了解指针,链表,数组等这些诶,那么接下来就跟随小编来一起学习一下吧!
2022-05-05 15:16:11 
摘要:做web开发的朋友都应该掌握前端优化这个技巧,其中一个就是滚动延时加载。这个技巧应用在了很多地方,比如新浪微博网页版。为什么要延时加载呢?页面加载的时候就显示全部的图片不就得了?有必要多此一举吗?答案是肯定的。
云活动
推荐内容
热门关键词
热门信息
群英网络助力开启安全的云计算之旅
立即注册,领取新人大礼包
  • 联系我们
  • 24小时售后:4006784567
  • 24小时TEL :0668-2555666
  • 售前咨询TEL:400-678-4567

  • 官方微信

    官方微信
Copyright  ©  QY  Network  Company  Ltd. All  Rights  Reserved. 2003-2019  群英网络  版权所有   茂名市群英网络有限公司
增值电信经营许可证 : B1.B2-20140078   粤ICP备09006778号
免费拨打  400-678-4567
免费拨打  400-678-4567 免费拨打 400-678-4567 或 0668-2555555
微信公众号
返回顶部
返回顶部 返回顶部