textarea文本框和input不可编辑

最新推荐文章于 2023-09-20 23:36:10 发布
最新推荐文章于 2023-09-20 23:36:10 发布
阅读量738 收藏 1
点赞数
分类专栏： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hum1108/article/details/117258284
版权
本文介绍了在HTML中如何使用disabled和readonly属性来实现textarea和input文本框的不可编辑。disabled属性会使输入框及文字变为灰色，并隐藏滚动条，而readonly属性则保持原有样式，仅阻止文字编辑，滚动条仍可用。
摘要由CSDN通过智能技术生成

1、使用disabled属性：

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

2、使用readonly属性：

<textarea name="" cols="" rows="" readonly>你
最低0.47元/天 解锁文章
小小前端不开心
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
textarea不可编辑得解决方法
叶情的专栏
08-06 5万+
最近同学问道textarea不能编辑的问题，在百度后找到解决方法：
标签禁用之readonly和disabled
weixin_33748818的博客
11-22 405
2019独角兽企业重金招聘Python工程师标准>>> ...
设置input，select，textarea不可编辑模式
迷途小书童
08-13 4354
1，设置input，select，textarea不可编辑 $("#accordion").find("input,select,textarea").attr("disabled", true).css("cursor", "default"); 2，设置input框只读 $("#id").attr("readonly", true);
将textarea元素设为不可编辑，不可拉伸
weixin_43862596的博客
08-11 1786
$("textarea").attr('readonly', true); document.getElementById("note1").style.resize = 'none'; document.getElementById("note2").style.resize = 'none'; css统一将页面input，select，textarea元素改为不可编辑 textarea禁止拉伸和禁止编辑 ...
如何让textarea不可编辑只可读（博客常用）
无趣的博客
12-08 1994
大家好，我是mythSun。 很高兴能在这里和大家分享，如何让textarea不可编辑只可读（博客常用）。 话不多说，直接开始。 Textarea的相关属性解释： rows：行高，就是你这个文本框能显示多少行文字 cols：宽度，代表你这个文本框有多宽 readonly：有个值readonly，当readonly=”readonly”代表你这个文本框只读，但是又下划线 上代码： <body&...
textarea 内容不可编辑 自是适应高度 只读相关属性配置
weixin_30436101的博客
02-10 330
不可编辑： <textarea disabled="disabled"></textarea> 如果仅仅用于禁止输入（只读，但有用），使用readonly属性 <textarea readonly="readonly"></textarea> 让textarea没有黄框且不能拖拽： textarea{outline:none;resi...
JS给Textarea文本框添加行号的方法
01-19
这里使用JS实现让Textarea文本框显示行号的功能，每一行的前面都会有下数字序号，如果用来显示代码的话，可以直接找到某一行，如果不显示行号，则还要自己手功去查，想要此功能，你只需设置好TextArea ID，并加入...
JS获取及设置TextArea或input文本框选择文本位置的方法
10-24
通过获取和设置TextArea或input文本框中的选择文本位置，可以增强网页的交互性和用户体验。JavaScript提供了实现这些功能的方法。 首先，我们需要了解如何获取文本框中用户选中的文本位置。这可以通过编写一个函数...
jQuery textarea文本框输入文字字数限制提示代码.zip
07-04
本资源“jQuery textarea文本框输入文字字数限制提示代码.zip”提供了一个实用的功能，即对textarea输入框进行字数限制，并实时显示当前已输入的字符数，这对于创建表单、评论区或任何需要限制用户输入的场景非常...
js 实现 设置textarea中的图片不处于编辑状态
03-30
js 实现 设置textarea中的图片不处于编辑状态! 值得下载看看!资源免费,大家分享!!
textarea输入限制方法
07-09
textarea输入限制方法，此方法使用js来控制输入数据最大值，也限制了复制粘贴输入、鼠标拖放输入。
qml Textinput 、TextField、TextEdit、TextArea用法介绍
最新发布
琅嬛福地
09-20 559
是 Qt Quick Controls 2 中的一个高级控件，它提供了一个更为完整的用户界面，包括边框、背景、图标等。它是为了更好的桌面和移动设备体验而设计的。元素中，你不能直接设置一个边框属性，因为它主要用于纯文本输入并且没有提供直接的视觉样式。然而，你可以通过组合使用其他元素，如。是 Qt Quick 中的一个简单的文本输入控件，它可以显示和编辑单行纯文本。它是低级别的，通常没有图形化的边框或其他装饰。模块，并确保你的项目配置正确地链接了这个模块。属性提供一个小的内边距，以防止文本紧贴边框。
java jtextarea 不可编辑,将JTextArea设置为“不可编辑”时，如何设置自动滚动？
weixin_35900818的博客
02-16 905
I have used this answer to get the functionality of Autoscrolling on a JTextArea. But it seems that it works only when the setEditable property of the same JTextArea is set to TRUE. Of course, i use a...
如何设置textarea文本框中的内容为只读不可修改状态
cxfjava的博客
10-10 2万+
设置&lt;textarea&gt;文本框中的内容为只读不可修改状态，只需要加入disabled或readonly即可 &lt;textarea name="qualification" id="qualification" cols="29" rows="3" onblur="textOnBlur();" disabled&gt;&lt;/textarea&amp
textarea禁止拉伸和禁止编辑
最初都是小白
02-20 2万+
一、textarea禁止拉伸方法： 设置style：“ resize:none;” // 禁止拉伸代码 &lt;textarea style="resize:none;" &gt;自己设置宽高即可&lt;/textarea&gt; 效果： 二、textarea禁止编辑方法： （1）设置模式为只读 ：readonly //readonly 可复制不可编辑 &lt;textarea type=...
JS实现文本框不可编辑
热门推荐
meijory的博客
09-17 5万+
JS实现文本框不可编辑 方法1: onfocus=this.blur() 当鼠标放不上就离开焦点  方法2:readonly     方法3: disabled  disabled>  disabled="disabled"这样定义之后被禁用的 input 元素既不可用，也不可点击。 readonly="readonly" 只读字段是不能修改的。 js动态实
jq修改input、textarea只读，不可修改
luodao_的博客
01-26 4670
设置 readonly 属性即可。
h5 文本框不可点击样式
05-15
你可以通过设置 `pointer-events` CSS 属性为 `none` 来禁用文本框的点击事件。同时，你可以设置文本框的样式，使其看起来像是禁用状态。 以下是一个示例 CSS 样式代码： ```css input[type="text"][disabled] { pointer-events: none; background-color: #f2f2f2; color: #666; border: 1px solid #ccc; } ``` 这个样式将会让文本框看起来像是禁用状态，同时也禁用了点击事件。你可以将 `type` 属性设置为其他值，例如 `textarea`，来应用这个样式到其他类型的文本框。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值