`
dyccsxg
  • 浏览: 205329 次
  • 性别: 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属性(示例代码)

    总的来说，JavaScript中的ReadOnly属性是控制用户界面元素可编辑性的关键，其设置方式与HTML中的`readonly`属性有所不同，需要使用`readOnly`属性并赋值为`true`。了解并正确使用这个属性，能够帮助我们构建更加灵活...

    javascript操作文本框readOnly

    在Web开发中，我们经常需要通过JavaScript对HTML中的元素进行动态控制，其中包括设置或更改文本框（`&lt;input type="text"&gt;`）的`readOnly`属性。本文将详细介绍如何使用JavaScript来操作文本框的`readOnly`属性，并...

    怎样通过disabled和readonly将input设置为只读效果.docx

    Disabled 属性会使 Input 元素的值无法被传递给服务器端程序，而 Readonly 属性则不会影响其值的传递。 因此，在实际开发中，需要根据具体情况选择合适的方法来实现 Input 只读效果。如果需要使 Input 元素的值无法...

    JS中如何设置readOnly的值

    然而，ReadOnly属性与Disabled属性虽有相似之处，但二者的行为有本质的不同，这一点在使用JavaScript进行DOM操作时尤为重要。 首先，ReadOnly和Disabled属性都可以通过HTML标签来设置，例如： ```html ...

    文本框的ViewState和Readonly属性

    - **权限控制**：在多用户环境中，某些用户可能只有查看权限，而不能修改数据，readonly属性可以帮助实现这种权限控制。 - **计算字段**：只读文本框也可以用于显示由其他表单字段计算得出的结果，如总价或税率计算...

    用js一次改变多个input的readonly属性值的方法

    总结来说，文档内容中展示的是如何利用JavaScript来动态控制页面上的`input`元素的`readonly`属性。通过一个简单的函数和HTML按钮的结合使用，实现了对多个`input`元素的统一操作，这对于提高页面交互性和用户体验...

    浅析js设置控件的readonly与enabled属性问题

    在JavaScript中，控制HTML表单控件的属性是一项常见的操作，而`readonly`和`disabled`属性是其中经常被提及的两个属性。`readonly`属性用于设置一个控件为只读状态，意味着用户不能修改控件的值，但该控件仍然会向...

    javascript中input中readonly和disabled区别介绍

    - `readonly` 属性主要应用于`&lt;input&gt;`（如text、password）和`&lt;textarea&gt;`元素，使得用户无法修改这些元素的值，但用户仍能看到并选中文本。 - 当表单以POST或GET方式提交时，`readonly`字段的值会被一同发送到...

    让input变成不可编辑状态的方法.docx

    和 readonly 属性类似，可以在 input 标签中添加 disabled 属性，以便让 input 变成不可编辑状态。例如：&lt;input type="text" disabled="disabled" /&gt; 3. 使用 JavaScript 代码 可以使用 JavaScript 代码来让 input...

    html表单属性readonly和disabled的使用方法

    总的来说，理解和正确使用`readonly`和`disabled`属性可以帮助我们更好地控制用户的输入体验，同时满足后台处理数据的需求。在设计用户界面时，考虑到这些细节可以使我们的应用或网站更加友好和功能完备。

    .NET中TextBox控件设置ReadOnly=true后台取不到值三种解决方法

    具体来说，如果前台页面通过脚本（如JavaScript）给ReadOnly属性为true的TextBox赋值，后台代码（如C#）在尝试获取这个TextBox的Text属性时，将得到一个空值。这可能与微软设计.NET的初衷有关，他们可能想限制用户对...

    锁定text控件文本

    &lt;input type="text" id="text1" readonly&gt; ``` 或者，如果使用了JavaScript，可以通过以下方式动态改变其可编辑状态： ```javascript document.getElementById("text1").readOnly = true; ``` 5. **移动应用...

    表单元素属性readonly和disabled使用对比

    `readonly`属性主要用于`input[type="text"]`、`input[type="password"]`和`textarea`等文本输入类型的元素。它使得用户可以看到和选择文本，但无法进行编辑。这意味着用户可以复制、粘贴或选中文本，但不能改变其...

    jquery设置元素的readonly和disabled的写法

    `readonly` 属性用于文本输入框 (`input[type="text"]`)，它使得用户不能修改输入框中的内容，但用户仍然可以选中并复制文本。在 jQuery 中设置 `readonly` 属性，你可以使用 `attr()` 方法： ```javascript $(...

    js事件文本框不可用

    使用`readonly`属性控制文本框 除了`disabled`属性外，还可以使用`readonly`属性来实现对文本框内容的只读控制。 #### 示例代码分析： ```javascript inputtext.readonly = true; ``` 这行代码将`inputtext`对象...

    jquery批量设置属性readonly和disabled的方法

    在处理表单元素时，我们经常需要控制某些输入字段的只读（readonly）或禁用（disabled）状态。本文将详细讨论如何使用 jQuery 批量设置这些属性。 1. **只读属性（readonly）** - 只读属性用于让用户查看内容，但...

    设置disabled属性后台读不到数据如何让select支持readonly

    在处理`readonly`属性时，需要注意的是，`readonly`属性主要用于文本输入框`&lt;input type="text"&gt;`，它使得用户不能编辑文本，但仍然可以选择和复制文本。然而，对于`&lt;select&gt;`、`&lt;input type="checkbox"&gt;`和`...

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