textarea只读，textarea设置只读显示无法调整

大家好，textarea只读相信很多的网友都不是很明白，包括textarea设置只读显示无法调整也是一样，不过没有关系，接下来就来为大家分享关于textarea只读和textarea设置只读显示无法调整的一些知识点，大家可以关注收藏，免得下次来找不到哦，下面我们开始吧！

如何让“textarea”不可编辑

在HTML中有2个属性是控制textarea是否可输入\x0d\x0adisabled属性\x0d\x0a该属性规定禁用文本区。被禁用的文本区既不可用，也不可点击；\x0d\x0areadonly属性\x0d\x0a该规定文本区为只读。在只读的文本区中，无法对内容进行修改，但用户可以通过 tab键切换到该控件，选取或复制其中的内容；\x0d\x0a\x0d\x0a上面2个属性有个最大的区别，在提交表单时， disabled属性的控件不会被提交，readonly属性的控件会被提交。\x0d\x0a因此，如果仅仅用于禁止输入（只读，但有用），使用readonly属性\x0d\x0a\x0d\x0a如果是禁止（无用，貌似只读），使用disabled属性\x0d\x0a\x0d\x0a\x0d\x0a在实际的一般很少存在禁止disabled情形，而只读readonly较多

如何设置textarea 部分文字不可编辑

在HTML中有2个属性是控制textarea是否可输入

disabled属性

该属性规定禁用文本区。被禁用的文本区既不可用，也不可点击；

readonly属性

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

上面2个属性有个最大的区别，在提交表单时， disabled属性的控件不会被提交，readonly属性的控件会被提交。

因此，如果仅仅用于禁止输入（只读，但有用），使用readonly属性

<textarea readonly="readonly"></textarea>

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

<textarea disabled="disabled"></textarea>

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

textarea设置只读显示无法调整

textarea设置只读显示无法调整的方法如下。

1、首先，输入hbuilder软件，创建一个新的HTML文件。

2、在其中编写一个textarea和一个按钮，为该纹理提供一个ID，并将该按钮的class属性设置为BTN。

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

4、最后，打开浏览器，您可以看到一段文本区域和一个按钮。单击该按钮时，文本区域将变为灰色且不可写状态。

textarea怎么禁止输入

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

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

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

OK，关于textarea只读和textarea设置只读显示无法调整的内容到此结束了，希望对大家有所帮助。