textarea怎么禁止输入

 我来答
小媛9OF
2019-11-22 · TA获得超过1.1万个赞
知道答主
回答量:193
采纳率:0%
帮助的人:4.9万
展开全部

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

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

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

帐号已注销
2019-07-19 · TA获得超过1.2万个赞
知道答主
回答量:25
采纳率:0%
帮助的人:6133
展开全部

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

具体方法为:

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

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,规定文本区域的名称。

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
飞喵某
高粉答主

2019-07-10 · 说的都是干货,快来关注
知道答主
回答量:631
采纳率:0%
帮助的人:29.6万
展开全部

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

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

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

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
千锋教育
2018-06-28 · 做真实的自己 用良心做教育
千锋教育
千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI&UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。
向TA提问
展开全部
在HTML中有2个属性是控制textarea是否可输入
disabled 属性
该属性规定禁用文本区。被禁用的文本区既不可用,也不可点击;
readonly属性
该规定文本区为只读。在只读的文本区中,无法对内容进行修改,但用户可以通过 tab 键切换到该控件,选取或复制其中的内容;

上面2个属性有个最大的区别,在提交表单时, disabled 属性的控件不会被提交,readonly属性的控件会被提交。
因此,如果仅仅用于禁止输入(只读,但有用),使用readonly属性
<textarea readonly="readonly"></textarea>
如果是禁止(无用,貌似只读),使用disabled 属性
<textarea disabled="disabled"></textarea>

在实际的一般很少存在禁止disabled情形,而只读readonly较多
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
伟明koko
2021-03-18 · TA获得超过413个赞
知道答主
回答量:13
采纳率:50%
帮助的人:3.3万
展开全部

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(6)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式