让表单中的文本区域只读，不可编辑的方法

最新推荐文章于 2022-08-13 22:47:01 发布

Chopper_Tony

最新推荐文章于 2022-08-13 22:47:01 发布

阅读量922

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/awmw74520/article/details/40187741

版权

HTML 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

有时候，我们希望表单中的文本区是只读的，让用户不能修改其中的信息，如使<textarea id="hide" name="hide" > 的内容不可以修改。实现的方式归纳一下，有如下几种。

方法1: οnfοcus=this.blur() (规定文本区为只读,可以看到光标)
<textarea id="hide" name="hide" οnfοcus=this.blur()></textarea>

方法2:readonly
<textarea id="hide" name="hide" readonly></textarea>

方法3: disabled (禁用文本区。被禁用的文本区既不可用，也不可点击。)
<textarea id="hide" name="hide" disabled="disabled"></textarea>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Chopper_Tony

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

js 使FORM表单的所有元素不可编辑的示例代码

12-04

在JavaScript中，有时我们需要使HTML页面中的FORM表单元素变得不可编辑，以便用户只能查看信息而不能修改。本文将详细讲解如何实现这一功能，并提供一个示例代码。首先，我们来解析标题和描述中提到的关键知识点：...

html 文本框(text)不可用只读的多种实现方法

09-28

通过在`<input>`标签中添加`disabled`属性，可以使得文本框变为不可用状态，即用户不仅不能修改内容，而且文本框会呈现出一种灰色的半透明效果，表示它当前是禁用的。示例如下： ```html ``` 这种方法直观且易于...

参与评论您还未登录，请先登录后发表或查看评论

让DW文本域不能编辑

conglei5110的博客

03-10

314

1.直接加属性就可以或 2.用按钮控制function bbs(){bbc.readOnly=!bbc.readOnly;if(bbd.value=="只读")bbd.value="可写"elsebbd.value=...

HTML 基础-16-表单-文本域

weixin_63562705的博客

12-02

833

4.1 textarea文本域标签 ★场景:在网页中提供可输入多行文本的表单控件 ★标签名: textarea ★常见属性: · cols:规定了文本域内可见宽度 · rows:规定了文本域内可见行数 ★注意点: · 右下角可以拖拽改变大小 · 实际开发时针对于样式效果推荐用CSS设置 <body> <textarea cols="60" rows="30"></textarea> </body> ...

TEXTAREA只读

断天

08-08

1308

TEXTAREA设置只读有两种方法可以实现： 1. readonly 可以直接作为属性写到TEXTAREA标签中，也可以通过JS来设置，通过JS设置一定要注意区分readonly的大小写。 document.getElementById("textarea4").readOnly = true; 2. disabled 可以直接作为属性写到TEXTARE...

HTML 表单，输入框，文本域,＜label＞标签，下拉列表，button按钮

yc_1314的博客

09-08

1193

表单 <form> 是一个表单，里面包含表单元素，例如文本表单，密码表单，单选框，复选框，提交按钮，下拉列表等。表单<from> <form> 是在最外层，主要向服务器提交数据的功能。属性值说明 accept-charset 字符集规定服务器处理的表单字符集 action URL 规定表单向何处发送表单数据 autocomplete on或者off 浏览器基于之前键入过的值，应该显示出在字段中填写的选项，实现自动填充 enctype

html 列表表格 form表单 文本域 label

qq_51986661的博客

08-13

879

html 列表表格 form表单 文本域 label

HTML中让表单input等文本框为只读不可编辑的方法

12-02

本文将详细讲解如何在HTML中设置`<input>`元素为只读或不可编辑状态。首先，我们可以使用`readonly`属性来创建一个只读的文本框。例如： ```html 中国" readonly> ``` 在这种情况下，用户可以看到文本框内的内容...

几种设置表单元素中文本输入框不可编辑的方法总结

12-02

这种方法通过监听输入框的`focus`事件，并在获取焦点时立即调用`blur()`方法使其失去焦点，从而达到看似不可编辑的效果。代码如下： ```html (this.value);" onfocus="this.blur()" /> ``` 在这种情况下，用户点击...

如何在创建FormPanel之后，设置textField组件只读？

qiuggv的专栏

12-14

335

在ext2.0中，创建FormPanel的时候，如果直接在config options中直接给某个textField赋配置项readOnly: true,这样是可以使textfield只读，但是我想在创建了FormPanel之后，再根据具体情况给这个textfield配置是否只读我试过在之后通过formPanel的findById()获得这个textField,然后设置textfiel...

itext对pdf文件设置权限

落叶的位置

11-05

3170

让pdf文件无法被修改 PdfWriter的方法setEncryption(null, “chenweijie”.getBytes(), PdfWriter.ALLOW_PRINTING, PdfWriter.STANDARD_ENCRYPTION_40); 参数为访问者密码，拥有者密码，访问者权限，加密方式。其中权限列表：权限说明 ALLOW_PRINTING 文档允许打...

如何设置textarea文本框中的内容为只读不可修改状态

热门推荐

cxfjava的博客

10-10

2万+

设置<textarea>文本框中的内容为只读不可修改状态，只需要加入disabled或readonly即可 <textarea name="qualification" id="qualification" cols="29" rows="3" onblur="textOnBlur();" disabled></textarea&amp

让input(文本框)表单只读的几种方法

One ITer

10-26

3978

有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使的内容，"中国"两个字不可以修改。实现的方式归纳一下，有如下几种。方法1: onfocus=this.blur() 效果: 方法2:readonly 效果: 方法3: disabled 效果: 来源于互联网,由oneiter整理！

Java 填充PDF表单域、设置PDF表单域只读

Eiceblue的专栏

05-15

3123

以下示例将介绍通过Java程序填充PDF表单域的方法。填充表单域可分为2种情况，一种是在创建表单域时填充，另一种是加载已经创建好表单域的文档进行填充。此外，对于已经创建表单域并填写好的文档，也可以设置只读，防止修改、编辑。工具：Free Spire.PDF for Java v2.2.2（免费版） Jar文件导入步骤1：在Java程序中新建一个文件夹可命名为Lib。并将产品包中的jar文...

几种设置表单元素中文本输入框不可编辑的方法

teresa502的专栏

04-07

3682

代码: 输入框无法获得焦点，不能编辑表单可以获得值。可以复制。蛮奇怪的，都选住了，还没有获得焦点？ 2,readonly 代码: 输入框只读。不能编辑同样表单可以获得值。也可以复制。 3,disabled

react+antd：全局设置form表单不可编辑

superYe7的博客

08-29

1万+

在做编辑页面的时候遇到一个需求是“在指定状态下内容不可编辑” 方案一：给每个<Input>、<Select>...添加disable属性这种方案在form表单内容比较多的情况下可能不是很方便，所以辜老师帮我想了方案二方案二：封装个组件全局设置disable，如下封装一个高阶组件( ./Input ) import React, { useContext, ...

Html中让表单、文本框、文本域、按钮等不可编辑，只读的方法

iammarrio的博客

10-20

5224

在我们写Html的时候，我们希望表单中的文本框是只读的，只需要显示信息就足够了，如使的内容不可以修改。有如下几种解决方法。方法1: onfocus=this.blur() 方法2:readonly 方法3: disabled 文本域等通用！------> 各位同学，这虽简单，但是很实用哦！

让表单input等文本框为只读不可编辑的方法

瑰的博客

09-12

3997

一、disabled 属性二、readonly 属性三、readonly unselectable="on" 属性一、disabled 属性 disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。 disabled 属性无法与 <input typ...