textarea怎么禁止输入

一、首先，输入hbuilder软件，创建一个新的HTML文件，在其中编写一个textarea和一个按钮，为该纹理提供一个ID，并将该按钮的class属性设置为BTN

二、接着在下方的script标签中写入js代码，先分别获取textarea和按钮的dom对象，然后给按钮添加一个点击事件，当点击之后设置textarea的disabled的属性为disabled：

三、最后，打开浏览器，您可以看到一段文本区域和一个按钮。单击该按钮时，文本区域将变为灰色且不可写状态，此时无法输入任何内容：

textarea禁止输入或编辑的方法是标签内增加readonly 属性。

具体方法为：

readonly 属性规定文本区为只读。

在只读的文本区中，无法对内容进行修改，但用户可以通过 tab 键切换到该控件，选取或复制其中的内容。

可以设置 readonly 属性，直到满足某些条件（比如选择一个复选框），才恢复用户对该文本区的使用。然后，可以使用 JavaScript 来清除 readonly 属性，以使文本区变为可编辑状态。

扩展资料

textarea的主要属性介绍：

1、autofocusNew，值autofocus，规定当页面加载时，文本区域自动获得焦点。

2、cols，值number，规定文本区域内可见的宽度。

3、disabled，值disabled，规定禁用文本区域。

4、formNew，值form_id，定义文本区域所属的一个或多个表单。

5、maxlengthNew，值number，规定文本区域允许的最大字符数。

6、name，值text，规定文本区域的名称。

1、首先打卡hbuilder软件，新建一个html文件，里面写入textarea和一个按钮，给texture一个id，按钮则设置class属性为btn：

2、然后在下方的script标签中写入js代码，先分别获取textarea和按钮的dom对象，然后给按钮添加一个点击事件，当点击之后设置textarea的disabled的属性为disabled：

3、最后打开浏览器，可以看到一段textarea和一个按钮，当点击按钮之后，textarea会变成灰色的不可写的状态，此时就不能输入如何内容了：

在HTML中有2个属性是控制textarea是否可输入
disabled 属性
该属性规定禁用文本区。被禁用的文本区既不可用，也不可点击；
readonly属性
该规定文本区为只读。在只读的文本区中，无法对内容进行修改，但用户可以通过 tab 键切换到该控件，选取或复制其中的内容；

上面2个属性有个最大的区别，在提交表单时， disabled 属性的控件不会被提交，readonly属性的控件会被提交。
因此，如果仅仅用于禁止输入（只读，但有用），使用readonly属性

如果是禁止（无用，貌似只读），使用disabled 属性


在实际的一般很少存在禁止disabled情形，而只读readonly较多