textarea文本框和input不可编辑

本文介绍了在HTML中如何使用disabled和readonly属性来实现textarea和input文本框的不可编辑。disabled属性会使输入框及文字变为灰色,并隐藏滚动条,而readonly属性则保持原有样式,仅阻止文字编辑,滚动条仍可用。

1、使用disabled属性:

<textarea name="" cols="" rows="" disabled>你好!disabled</textarea>  

2、使用readonly属性:

<textarea name="" cols="" rows="" readonly>你好!readonly</textarea>  

disabled和readonly的区别:
disabled:使用它之后,输入框以及里面的文字就会变成灰色,,此时的滚动条也会自动消失。所以如果里面的文字很少,不需要滚动条的时候,那么用disabled 和 readonly 都可以。
readonly:用了之后滚动条和文字不变,唯一的就是里面的文字不能编辑了。不管文字多少,滚动条还是照样可以使用的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值