css统一将页面input，select，textarea元素改为不可编辑（只读状态）

最新推荐文章于 2023-01-02 21:27:42 发布
最新推荐文章于 2023-01-02 21:27:42 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35315439/article/details/105142849
版权

我竟然开始一个一个去加readonly和disabled

    $("textarea[name='realCodeExpression']").val(sourceExpression)

    /*全部设为只读*/
    $("input").attr('readonly', true)
    $("select").css(disabled,true)
    $("textarea").attr('readonly', true)
没有心跳的TheOne
关注
专栏目录
CSS实现禁用状态，样式设置以及不可点击事件的行为
**My Coding Family**
03-26 4万+
今天怂怂就为大家分享一篇通过css禁用状态，样式设置以及不可点击样式事件的实例讲解，具有很好的参考价值，希望对大家有所帮助。一起跟随怂怂过来看看吧 一：为input框添加禁用状态 1、readonly表示此域的值不可修改，仅可与 type="text" 配合使用，可复制，可选择,可以接收焦点，后台能接收到传值. 代码演示： <input type="text" name="fir...
自学前端第十六天:表格和input和textarea控件
weixin_47592060的博客
05-04 994
一.表格 table (后期有UI/bootstrap组件辅助工具写) 一.表格概念:就是一张为 横行纵列 多行多列的单元格表 二.表格语法结构: (三层嵌套关系table>tr>td) <table> 表格 <tr> 行 <td>单元格内的文字</td> 单元格/列 ... </tr> ... </table> ①tr 元素定义表格行(table row) ②th 元素定义表头(
html中input不可编辑状态,css如何实现input不可编辑
weixin_33514300的博客
06-05 1018
css实现input不可编辑的方法：1、设置【onfocus=this.blur()】当鼠标放不上就离开焦点；2、设置disabled，代码为【】。本教程操作环境：windows7系统、css3版，DELL G3电脑。css实现input不可编辑的方法：方法1：onfocus=this.blur() 当鼠标放不上就离开焦点方法2：readonly方法3：disabled扩展资料：语法Input(n...
css 设置text无边框 无自动提醒 无颜色
guorun18的专栏
11-25 1535
#usb{color:white !important; }  #usb:focus{outline:none !important;}
将textarea元素设为不可编辑，不可拉伸
weixin_43862596的博客
08-11 1806
$("textarea").attr('readonly', true); document.getElementById("note1").style.resize = 'none'; document.getElementById("note2").style.resize = 'none'; css统一将页面input，select，textarea元素改为不可编辑 textarea禁止拉伸和禁止编辑 ...
textarea禁止拉伸和禁止编辑
最初都是小白
02-20 2万+
一、textarea禁止拉伸方法： 设置style：“ resize:none;” // 禁止拉伸代码 &lt;textarea style="resize:none;" &gt;自己设置宽高即可&lt;/textarea&gt; 效果： 二、textarea禁止编辑方法： （1）设置模式为只读 ：readonly //readonly 可复制不可编辑 &lt;textarea type=...
html组件不可输入(只读)同时任何组件都有效
09-05
此属性可以应用于`<input>`、`<textarea>`等可编辑元素，当设置为`readonly`时，用户将无法在这些组件中输入内容，但仍然可以通过JavaScript或其他方式改变其值。例如，一个只读的文本输入框可以这样定义： ```html...
HTML表单标签详解：input、textarea和select
# 1.... ## 1.1 表单的作用和重要性 ... ... 在HTML中，表单通过`<form>`标签进行声明和定义，用来包裹表单内的各种表单元素，如输入框、复...输入型元素用于接收用户输入，包括input标签、textarea标签和select标签等；按钮型
HTML5和CSS3 WEB技术开发
张晨光老师的播客
01-02 6582
B站视频参考：https://www.bilibili.com/video/BV1H44y1k7ze/[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Uwbid43Z-1672665963237)(asseits/image-20210831212039584.png)]HTML:超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。 HTML 不是一种编程语言（C、Java、python、R等），而是一种标记语言 (markup
HTML总2-表格&表单form-input/select/textarea&ps切片
qq_43643598的博客
08-27 367
HTML总笔记 锚点（毛）： 当前页转，像目录，菜单制定相应内容 方法一： 方法二： 嵌套列表： 提示： placeholder 默认选中 ： checked 禁止选中： distabled 选按钮或者男、女字都能选 ......
div+js+css模拟select并且把无效的select选项设置为灰色不可用
06-29
div+js+css模拟select并且把无效的select选项设置为灰色不可用
如何设置textarea文本框中的内容为只读不可修改状态
cxfjava的博客
10-10 2万+
设置&lt;textarea&gt;文本框中的内容为只读不可修改状态，只需要加入disabled或readonly即可 &lt;textarea name="qualification" id="qualification" cols="29" rows="3" onblur="textOnBlur();" disabled&gt;&lt;/textarea&amp
设置select只读不可编辑，值可传递
热门推荐
平常心的小屋
09-02 7万+
一、设置disabled属性 效果为只读，没有点击和下拉，字体变为灰色 在提交的时候需要去掉disabled属性 $("#selectid")..attr("disabled",false); 二、一种方法 onchange="this.selectedIndex=this.defaultIndex;">
设置input，select，textarea不可编辑模式
迷途小书童
08-13 4378
1，设置input，select，textarea不可编辑 $("#accordion").find("input,select,textarea").attr("disabled", true).css("cursor", "default"); 2，设置input框只读 $("#id").attr("readonly", true);
jsp如何设置select框只能选择不能编辑
pergoods的博客
05-12 2478
select 中设置属性 data-options="editable:false" 搞定 请选择 已核对 未核对
css textarea readonly模拟disabled样式
zlt的博客
11-01 1523
IE下textarea设置disabled属性后，滚动条不能滚动，为解决该问题，使用readonly属性模拟disabled效果，css样式设置如下： textarea[readonly]{ background-color: #f5f5f5;/*背景色*/ color:#848484;/*字体颜色*/ border: 1px solid #d5d5d5;/*边框*/ cu...
js input改为textarea
最新发布
09-11
在JavaScript中，将一个`<input>`元素转换为`<textarea>`元素涉及以下几个步骤： 1. 获取原`<input>`元素的引用。 2. 创建一个新的`<textarea>`元素。 3. 将`<input>`元素的属性复制到新的`<textarea>`元素上。 4. 从DOM中移除原`<input>`元素。 5. 将新的`<textarea>`元素插入到原`<input>`元素的位置。 下面是一个简单的示例代码： ```javascript // 获取<input>元素 var inputElement = document.getElementById('myInput'); // 创建<textarea>元素 var textareaElement = document.createElement('textarea'); // 复制属性（例如：id, name, value等） textareaElement.id = inputElement.id; textareaElement.name = inputElement.name; textareaElement.value = inputElement.value; // ... 可以继续复制其他需要的属性 // 可以选择添加或修改一些<textarea>特有的属性 textareaElement.rows = 4; // 定义行数 textareaElement.cols = 50; // 定义列数 // 移除原<input>元素 inputElement.parentNode.removeChild(inputElement); // 插入新的<textarea>元素到原<input>元素的位置 inputElement.parentNode.insertBefore(textareaElement, inputElement.nextSibling); ``` 请注意，如果原`<input>`元素有事件监听器或其他特殊属性，你可能需要额外的工作来确保这些功能在新的`<textarea>`上也能正常工作。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值