输入框只读属性readonly控制

最新推荐文章于 2024-06-15 15:59:42 发布
最新推荐文章于 2024-06-15 15:59:42 发布
阅读量4.5k 收藏
点赞数
分类专栏： 关于javaScript 文章标签： button javascript input action 脚本 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/dinglinhu/article/details/2486898
版权


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>111</title>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
 <!-- 只读 -->
  <input type="text" name="textfield" readonly="true" />

  <input type="button" name="hideButton" value="button" οnclick="javascript:aa()" />

</form>
</body>
</html>
<script language="javascript">
 function aa(){
  //变成可读
  document.all.textfield.readOnly=false;
  //注意：在html里只读属性为readonly，但脚本里是readOnly，就是o要写成大写O
 }
</script>

使用jQuery移除输入框的只读属性
2301_79330511的博客
09-24 190
在编程中，有时我们需要通过JavaScript来操作页面上的元素。在Web开发中，jQuery是一个非常流行的JavaScript库，它简化了对HTML文档的操作。本文将介绍如何使用jQuery来移除输入框的只读属性。现在，当我们在浏览器中打开这个HTML文件，并点击"移除只读属性"按钮时，输入框的只读属性将被移除，我们就可以在输入框中编辑文本了。要移除输入框的只读属性，我们需要使用jQuery选择器选中目标输入框元素，并使用。标签中，我们创建了一个只读的输入框和一个按钮。方法来移除输入框的只读属性。
readonly 属性与disabled属性
wfcaven的专栏
11-04 772
<br />readonly<br />不可编辑，可以获得焦点，背景颜色默认灰色，值的字体颜色默认为灰色，值可以在请求中传递 <br />disabled<br />不可编辑，不可以获得焦点，背景颜色默认灰色，值的字体颜色默认为灰色，值不可以在请求中传递； <br /><br />为了使值不可修改，但显示为disabled的样式，且可以在请求中传递，则可以通过采用readonly，修改字体颜色来实现 <br />
readonly属性
热门推荐
Sapling
09-14 1万+
readonly 定义和用法 readonly 属性规定输入字段为只读。 只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本。 readonly 属性可以防止用户对值进行修改，直到满足某些条件为止（比如选中了一个复选框）。然后，需要使用 JavaScript 消除 readonly 值，将输入字段切换到可编辑状态。 readonly 属性可与 或 配合使用。 ...
Spring 事务 readOnly 属性
syf231的博客
01-03 743
只读事务”并不是一个强制选项，它只是一个“暗示”，提示数据库驱动程序和数据库系统，这个事务并不包含更改数据的操作，那么JDBC驱动程序和数据库就有可能根据这种情况对该事务进行一些特定的优化，比方说不安排相应的数据库锁，以减轻事务对数据库的压力，毕竟事务也是要消耗数据库的资源的。正好我正在做的项目中这样配置了，而且偶然发现配置了不生效，本着“不弄明白对不起祖国对不起人民”的精神，参考了不少帖子和文档，总结了网上形形色色的答案，稍有收获，规整如下，不正确请指出。经实践，上面的观点基本正确。
关于C#中readonly的一点小研究
weixin_30635053的博客
09-27 424
可能园子里有不少文章已经说明了这个问题了，但是我在这里写这篇博客只是写写自己的一些体会，也权当是整理归纳，高手莫见笑。 ===============正文分割线================== 现在正在学《编译原理》课，老师让我们根据给出的语言定义自己开发一个编译器，本人对C#还是比较熟悉的所以优先选择C#作为开发工具。本人用的是VS2012配Resharper，这是一个很好用的...
Selenium中怎样解决输入框带有readonly属性或存在日历框问题
qq_39423351的博客
01-28 7556
Selenium中怎样解决输入框带有readonly属性或存在日历框问题 在学习Selenium WebDriver API时，我们通常会遇到带有readonly属性的输入框或日历框（如下图），这时我们不能直接对这些类型的输入框模拟按键输入我们想要的数据。 带有readonly属性的输入框 日历框 解决方案1 常规思维 可以多定位几次元素，点击元素，但是这样比较繁琐，在某些情况下不能用，...
在elementui中输入框只读的属性
05-25
在 ElementUI 中，可以通过将 `readonly` 属性设置为 `true` 来将输入框设置为只读。以下是一个示例： ```html <el-input :readonly="true" v-model="inputValue"> export default { data() { return { ...
通过disabled和readonly将input设置为只读效果
12-14
在HTML表单设计中，有时候我们需要用户只能查看输入框（input）中的内容而不能修改，这时我们可以使用`disabled`和`readonly`属性来实现只读效果。这两种属性虽然都能达到表面的只读目的，但它们在功能上存在显著...
jquery批量设置属性readonly和disabled的方法
10-26
在HTML中，readonly属性是input元素的一个布尔属性，当这个属性存在时，输入框将变为只读，用户不能更改其值。在jQuery中，我们可以通过`.attr()`方法来批量设置多个input元素的readonly属性。 以下是jQuery设置...
C#——只读属性readonly
最新发布
qq_3517289697的博客
06-15 927
字段是只读的非静态 只能在非静态方法中进行修改字段是只读的静态属性，只能在静态构造函数进行修改只读的静态字段b和常量c的区别,静态b字段可以在静态构造函数中修改 但是常量c是不能修改只读和常量共同的特点不能在外部被修改。
Js只读（readOnly）和禁用（disabled）
是个非常热爱生活、乐观、奋斗、努力的逗比青年
05-16 5657
只读和禁用属性，其实只要掌握一种，就会第二种，两种方法一样，就是属性变了一下！
javascript 控制 text 的 readonly 属性
dyccsxg的专栏
04-07 1156
      Test                            function changeText(){    var t=document.getElementById("txtTest");    if(t.readOnly){ // 注意 readOnly 的 O为大写      t.readOnly=false;      t.value="write able";    
readonly的用法
qq_44097516的博客
04-03 2923
readonly是C#中的一个关键字，用于声明只读字段或只读属性。在使用readonly声明后，该字段或属性的值在编译时就必须被初始化，且在程序运行时不允许被修改。使用readonly声明只读属性时，语法上有所不同，只能在属性的get访问器内返回一个已经在声明时或在构造函数中初始化的值。总之，readonly关键字可以用于声明只读字段或属性，它们可以在程序中保证某些值的不可修改，提高程序的健壮性和安全性。使用readonly声明一个只读字段时，必须在字段定义时或在构造函数中初始化它的值。
html中只读属性
wang20y8的博客
11-12 4821
把disabled="disabled"改成readonly="readonly" readonly="readonly"的属性，可以查看 http://www.w3school.com.cn/tags/att_input_readonly.asp
HTML的readonly属性怎么用？
weixin_45587319的博客
11-04 1万+
readonly属性是一个布尔属性，可用于指定在input或textarea元素中写入的文本是只读的。这意味着用户不能修改或更改特定元素中已经存在的内容（但是，用户可以对其进行制表、突出显示和复制文本）。而JavaScript可以用来更改只读值并使输入字段可编辑。
动态设置textfield的readOnly属性
happy100583的专栏
07-01 918
1、假设 textField, 它的 id = 'textField' 则代码如下：Ext .getCmp("textField").getEl().dom.readOnly = true; 2、假设 textField， 通过 var textField = newExt.form.TextField() 则代码如下：textField.el.dom.readOnly ...
readonly 只读
weixin_51614564的博客
07-06 603
通过reactive 或者ref 可以获取到一个响应式的对象，但是某些情况下，我们传入给其他地方（组件）的这个响应式对象希望在另一个地方（组件）被使用，但是不能被修改，这个时候如何防止这种情况的出现呢？例如：这样写我们的我们的属性是可以被修改的 但是某些情况：我们不希望别人在这里修改我们的name属性 使用...
js让text值不可改变，同<input type="text" readonly="readonly" />
dcx78308的博客
12-21 133
<input type="text" size="60"name="j01" value="www.52jscn.com"> 锁定value不可修改的方法可以用disabled属性.. 这个是input控件的基本属性 <input type="text" disabled size="60"name="j01" value="xx...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值