`
dyccsxg
  • 浏览: 202173 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类

javascript 控制 text 的 readonly 属性

JavaScriptHTML 
阅读更多 
<html> 
<head> 
 <title>Test</title> 
</head> 
<body> 
 <form action="" method="post" name="form1"> 
 <input type="text" value="test" id="txtTest" readonly> 
 <input type="button" value="ChangeProperties" onClick="changeText();"> 
 </form> 
</body> 
<script type="text/javascript">
<!-- 
function changeText(){ 
var t=document.getElementById("txtTest"); 
if(t.readOnly){ // 注意 readOnly 的 O为大写 
 t.readOnly=false; 
 t.value="write able"; 
}else{ 
 t.readOnly=true; 
 t.value="readonly"; 
} 
} 
// -->
</script> 
</html>

<!-- function changeText(){ var t=document.getElementById("txtTest"); if(t.readOnly){ // 注意 readOnly 的 O为大写 t.readOnly=false; t.value="write able"; }else{ t.readOnly=true; t.value="readonly"; } } // -->

分享到：
| Oracle 基础知识
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Javascript设置对象的ReadOnly属性(示例代码)

    在JS中ReadOnly属性比较奇怪，直接创建一个对象，给该对象赋值readonly属性不能够向HTML中一样使用下面的方式： 代码如下:var x=document.createElement(“input”);x.type=”text”;x.value=”ttttt”;x.id=”xy”;...

    javascript中input中readonly和disabled区别介绍

    Readonly和Disabled是用在表单中的两个属性，它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下： Readonly只针对input(text / password)和textarea有效，而disabled对于所有的...

    JavaScript面试题集锦.doc

    在 HTML 中，table 标签可以使用 border、cellpadding、cellspacing 等属性来控制表格的样式。其中，border 属性用于设置表格的边框样式，cellpadding 属性用于设置单元格内文字与边框的距离，而 cellspacing 属性...

    JavaScript屏蔽Backspace键的实现代码

    今天在IE浏览器下发现，当把使用readonly="readonly"属性将文本框设置成只读&lt;input type="text" readonly="readonly"/&gt;时有一个奇怪的问题：如果光标进入只读文本框，然后按下Backspace键，就会跳转到上一个...

    JavaScript如何禁止Backspace键

    今天在IE浏览器下发现，当把使用readonly=”readonly”属性将文本框设置成只读&lt;input type=”text” readonly=”readonly”/&gt;时有一个奇怪的问题：如果光标进入只读文本框，然后按下Backspace键，就会跳转到上...

    ExtAspNet v2.2.1 （2009-4-1） 值得一看

    -为所有的表单字段增加AJAX属性ReadOnly(feedback:skydb)。 -Grid中TemplateField生成到页面中控件具有唯一ID，例如Grid1_ct5_Label2,Grid1_ct6_Label2(feedback:geruger)。 +2009-09-27 v2.1.2 -为Tree控件...

    ExtAspNet_v2.3.2_dll

    -为所有的表单字段增加AJAX属性ReadOnly(feedback:skydb)。 -Grid中TemplateField生成到页面中控件具有唯一ID，例如Grid1_ct5_Label2,Grid1_ct6_Label2(feedback:geruger)。 +2009-09-27 v2.1.2 -为Tree控件...

    常用限制input的方法的js代码

    2.只读文本框内容,在input里添加属性值 readonly 3.防止退后清空的TEXT文档(可把style内容做做为类引用) 4.ENTER键可以让光标移到下一个输入框 5.只能为中文(有闪动) 6.只能为数字(有闪动) 7.只能为数字(无闪动...

    html入门到放弃笔记

    1、创建一个 div 标记 ，增加属性 ，设置 align 属性的值为 center ，设置 id 属性的值为 container，设置 title 属性的值为 这是一个div 这是一个div"&gt; 四大标准属性： 1、id ：定义元素在页面中独一无二的...

    keyboard:模拟数字键盘

    （2）禁用软键盘，添加readonly="readonly"属性； （3）Demo如下 &lt;title&gt;模拟数字键盘&lt;/title&gt; [removed][removed] [removed] (function(){ var input1 = document.getElementById('text1'); var input2...

    JS分页效果JS分页效果

    function showPages(name) { //初始化属性 this.name = name; //对象名称 this.page = 1; //当前页数 this.pageCount = 1; //总页数 this.argName = 'page'; //参数名 this.showTimes = 1; //打印次数 } ...

    LCalendar:LCalendar移动端日期时间选择控件

    input type="text" readonly="" name="input_date" placeholder="请输入日期" data-lcalendar="2000-01-01,2018-01-29" /&gt;...将样式文件引入到页面中：...&lt;link rel="stylesheet" href="LCalendar.css"&gt;......

    数字的正则表达式写法参考书

    在input里添加属性值 readonly 3.防止退后清空的TEXT文档(可把style内容做做为类引用) 　(#default#savehistory); type=text id=oPersistInput&gt; 4.ENTER键可以让光标移到下一个输入框 　(event.keyCode==13)...

    asp.net知识库

    C#中 const 和 readonly 的区别 利用自定义属性，定义枚举值的详细文本 Web标准和ASP.NET - 第一部分 XHTML介绍 在ASP.NET页面中推荐使用覆写（Override）而不是事件处理（Event Handler） 常用编码工具类,支持base...

    freemarker总结

    这是一个典型的分支控制指令,该指令的作用完全类似于Java语言中的if,if指令的语法格式如下: &lt;#if condition&gt;... &lt;#elseif condition&gt;... &lt;#elseif condition&gt;... &lt;#else&gt; ... 例子如下: (age&gt;60)&gt;老年人 ...

Magicbox
Global site tag (gtag.js) - Google Analytics