一：为input框添加禁用状态
1、readonly表示此域的值不可修改，仅可与 type="text" 配合使用，可复制，可选择,可以接收焦点，后台能接收到传值. 代码演示：
<input type="text" name="firstname" value="" disabled="disabled" />
2、disabled表示禁用input元素，不可编辑，不可复制，不可选择，不能接收焦点,，后台不能接收到传值. 代码演示：
<input type="text" name="firstname" value="" disabled="disabled" />
二：为禁用状态添加状态
鼠标不可点击主要是两种表现：
1.鼠标不可点击时的显示状态：cursor: not-allowed
样式演示：
<style>
input[readonly] //readonly:后台能接收此input框传值
{
background:#dddddd; //为带有readonly的input框添加背景颜色
cursor: not-allowed // 表示一个红色的圈加一个斜杠
}
</style>
2.鼠标原有的事件不能实现:pointer-events:none
样式演示：
<style>
input[disabled] //disadled:后台不可接收此input传值
{
background:#dddddd; //为带有disabled的input框添加背景颜色
pointer-events:none;//鼠标点击不可修改
}
</style>
cursor 定义和用法
cursor 属性规定要显示的光标的类型（形状）。
该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状（不过 CSS2.1 没有定义由哪个边界确定这个范围）。
可能的值
ps:cursor用法教程来自www.w3school.com.cn/cssref/pr_c…
`❤如果文章对您有所帮助，就在文章的右上角或者文章的末尾点个赞吧！(づ￣ 3￣)づ
❤如果喜欢大白兔分享的文章，就给大白兔点个关注吧！(๑′ᴗ‵๑)づ╭❤～
❤对文章有任何问题欢迎小伙伴们下方留言或者入群探讨【群号：1040743410】
❤鉴于个人经验有限，所有观点及技术研点，如有异议，请直接回复讨论(请勿发表攻击言论)
