js 控制表单input，textarea select为只读模式

最新推荐文章于 2021-03-20 00:28:23 发布

原创最新推荐文章于 2021-03-20 00:28:23 发布 · 3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js #input #fprm

html 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用jQuery快速为网页表单中的输入框、文本域及选择框设置只读属性的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$("#form input").attr('readonly','readonly');
$("#form textarea").attr('readonly','readonly');
$("#form select").attr('readonly','readonly');

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

椅微风

关注关注

3
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

13-表单标签：input标记的type属性，按钮，＜textarea＞，下拉框＜select＞

qq_47462646的博客

08-10

209

属性，根据不同的type属性值，输入字段拥有很多中形式(可以是文本字段，复选框，掩码后的文本控件，单选按钮，按钮等)。在表单域中可以定义各种表单元素，这些变淡元素就是允许用户在表单中输入或者选择的内容控件。1)name和value是每个表单元素都有的属性值，主要是给后台人员使用。在网页中，和用户进行交互，收集用户资料，此时就需要表单。在英文单词中，input是输入的意思，而在表单元素中。1)在写表单元素之前，应该有个表单域把他们进行包含。标签用于定义表单域，以实现用户信息的收集和传递。

浅谈html中input只读属性readonly和disable的区别

12-13

另一方面，`disabled`属性则更为严格，它不仅适用于`<input>`，还涵盖所有表单元素，如`<button>`、`<select>`、`<option>`等。一旦元素被设置为`disabled="disabled"`，用户不仅不能修改其内容，也无法对元素进行...

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

JS控制文本域只读或可写属性的方法

10-22

主要介绍了JS控制文本域只读或可写属性的方法,涉及javascript针对页面元素属性的动态操作技巧,需要的朋友可以参考下

TEXTAREA只读

断天

08-08

1403

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

让textarea 只读

wjwjd的博客

09-28

3135

网上找到几种方案都试了下 editable="false" readonly="readonly" disabled="disabled" 不知道是不是语法我写错了但这么写效果是（顺寻代码和图片一致）第二个和第三个都是不能点不能修改第一个可以点可以修改...

JS设置页面form内的所有元素（input textarea select）为只读属性

icey_ym的博客

02-22

2077

![在这里插入图片描述](https://img-blog.csdnimg.cn/20190222142611744.jpg)

php 修改select标签,JS修改input,textarea,select标签的可读可写属性

weixin_30699915的博客

03-20

402

通过JS修改input,textarea,select标签的可读可写属性首先,控制input,与textarea只读属性是 readonly在js中可以这样去改变,这里要注意js中O要大写 readOnly[code lang="js"]type="text/javascript">//按TagName得到input标签数组var inputList =document.getElementsB...

HTML表单标签详解：input、textarea和select

# 1. HTML表单简介 ## 1.1 表单的作用和重要性 HTML表单是用户与网站进行交互的重要方式之一，它可以用于接收用户输入、提交数据...输入型元素用于接收用户输入，包括input标签、textarea标签和select标签等；按钮型

如何通过 JavaScript 动态控制 iframe 的只读模式？

03-19

innerDoc.querySelectorAll("input, textarea, select").forEach(element => { element.readOnly = true; element.disabled = true; }); // 禁止内容编辑 innerDoc.body.contentEditable = false; ``` *注意：...

jeesite实战(四十)——js动态实现select、input等标签的只读以及赋值

Garnett_zk的博客

01-20

1993

系列文章目录提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 js动态实现select、input等标签的只读以及赋值系列文章目录前言一、目的二、实现过程效果图input标签html中input标签代码js动态设置input标签为只读js动态设置input标签的值select标签html中select标签代码js动态设置select标签为只读js动态设置select标签的值listselect标签html中listselect标签代码js动态设置listselect标签为只读js动态设

用js设置下拉框为只读

03-19

NULL 博文链接：https://shirleyit.iteye.com/blog/718633

js 实现设置textarea中的图片不处于编辑状态

03-30

js 实现设置textarea中的图片不处于编辑状态! 值得下载看看!资源免费,大家分享!!

javascript 设置input和select 框只读属性获取disabled后的值并传给后台

fn_2015的博客

06-29

1万+

document.getElementById("input").readOnly=true; //O应大写 input只读属性有两种方式可以实现input的只读效果：disabled 和 readonly。自然两种出来的效果都是只能读取不能编辑，可是两者有很大不同。 Disabled说明该input无效，及其value不会传递给任何程序，比如asp、ph

js随记----如何将文本框设置成不可编辑的

热门推荐

bzuld的专栏

10-19

3万+

document.getElementById('textarea的ID').disabled = true; 记住：别将true写成“true”

如何设置select，input只读不可编辑且值可传递

酷爱编程的小猿同学

02-19

5342

今天实现一个需求的时候遇到这个问题，总结如下：一、使input文本框不可编辑，我知道的有三种方法 1. disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 <input type="hidden"> 一起使用。示例：<i...

JS设置文本域的disabled和readonly

王猛的专栏

03-10

8391

前端js控制角色div只可查看不可编辑

u012149181的博客

06-04

1万+

来自：https://bbs.youkuaiyun.com/topics/350020291比较先进的方法是在body体内加个div，设置其style的index值最大，比如9999，结合css和div技术可以实现当前页面上浮一个透明层，这样用户就不能操作了。比较彻底的方法，是遍历所有表单元素将其disabled，这个用jquery一个方法就能搞定。至于楼上兄弟提出的readonly属性，只对文本框、文本区域...

html中文本框的readonly属性和disabled属性的区别

lumot的博客

09-20

924

最近公司新来的一个实习生在开发系统时对于文本框的readonly属性和disabled属性两者之间有什么不同一直搞不太清楚，其实这两个东西如果不去深究，简单的使用的话大部分情况下两者还是可以通用的，不...

setools-console-4.3.0-2.el8.tar.gz