模拟用户信息框禁用

我们在网上冲浪的时候会遇上一些信息应为没有权限所以只能看而不能修改的,这种信息在网上应用的不少,而这可能就运用到了我们接下来要了解的一个标签的属性,它能禁用用户修改某些信息,用户只能观看这写信息却不可以修改它,是不是感觉有点神奇?接下来我就来模拟一下这个状态,并且说一下这个神奇的属性

接下来我的布局都是用插件的

在这里插入图片描述

这是在弄一个模态框的代码,它的主要的代码都在这里了

接下来我们再来下它的点击事件

下面是js代码截图

在这里插入图片描述

然后点击代码后的效果图

在这里插入图片描述

这个框变成了灰色,它现在是一种只能看而不能修改的状态,其实它之所以会是这种状态是因为我用了input标签的一个属性,它就是disabled属性,它是input标签本身带有的,它定义input标签加载时禁用此元素,

在这里插入图片描述

所以里面的内容只能看不能修改,对于这种信息框的禁用经常用到它

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值