有时候页面的文本框需要临时切换只读或可写，有时我们可以用disabled能简捷的控制，但disabled控制后的控件值不能传输到服务器，在整个的功能实现中就有点麻烦了。因此有怎样设置文本框只读与可写的问题，
以下是一个完整的测试例子，注意："readOnly"一定要区分大小写
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 页面的文本框临时切换只读或可写 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<input type="text" id="aa">
<input type="button" onclick="javascript:a();" value="writer">
<input type="button" onclick="javascript:b();" value="readonly">
<script type="text/javascript">
function a(){
document.getElementById("aa").removeAttribute("readOnly");
}
function b(){
document.getElementById("aa").setAttribute("readOnly","true");
}
</script>
</BODY>
</HTML>
分享到：
相关推荐
在JavaScript中，可以使用`disabled`属性来控制输入框是否可用（即是否可编辑）。当设置为`true`时，表示该输入框被禁用；设置为`false`则表示该输入框可用。 #### 示例代码分析： ```javascript inputtext....
同时，文本框的外观通常保持正常，与可编辑的文本框无明显区别。 另一种方法是使用`disabled`属性，这将完全禁用文本框，使其不仅不可编辑，而且通常会呈现灰色，表明它是非活动状态。例如： ```html 中国" ...
### JavaScript 双击文本框编辑功能详解 #### 一、背景与需求分析 在Web开发中，有时我们需要为用户提供一种直观的方式来进行文本编辑操作。例如，在一个内容管理系统(CMS)中，管理员可能需要快速地修改页面上的...
4. 回车键切换文本框焦点： 使用JavaScript的`onkeyup`事件监听回车键（键码13），当在TextBox1中按下回车，焦点转移到TextBox2。 5. 设置文本框控件的值： 在客户端设置TextBox的值，需要修改其HTML对应的`value...
`js`文件夹则包含了处理输入事件的JavaScript代码。这些文件协同工作，共同实现了描述中的HTML5文本框输入字数限制提示特效。通过这样的方法，开发者可以创建出更友好的用户体验，帮助用户在输入时避免超限，同时...
在ASP.NET中，可以结合JavaScript或jQuery在客户端动态切换文本框的readonly属性，例如根据用户的选择启用或禁用输入。同时，也可以使用Ajax更新只读文本框的内容，提供更好的用户体验。 总结来说，了解和恰当使用...
如果尝试通过改变`type`属性来实现，例如从`type="text"`变为`type="password"`，在某些旧版本的IE浏览器（如IE8及以下）中，`type`属性是只读的，这意味着我们不能动态地修改它。 为了解决这个问题，我们可以采取...
你可以根据业务逻辑在合适的时间调用`setReadOnly`方法来切换文本框的可编辑状态。 接下来，我们讨论如何禁止`DatePicker`组件的编辑。`DatePicker`用于显示日历控件，让用户选择日期。与`TextField`类似，`...
这里有一个示例，通过JavaScript函数 `tot()` 来切换文本框的禁用状态。`disabled` 属性用于决定文本框是否可编辑。当 `disabled` 为 `true` 时，用户无法在文本框中输入或修改内容。在JavaScript中，我们可以通过 `...
wdatePicker 支持自定义和动态切换皮肤，可以通过 skin 属性为每个日期控件单独配置皮肤，也可以通过 WdatePicker.js 配置全局的皮肤。 日期范围限制 wdatePicker 支持日期范围限制，可以通过 minDate（最小日期）...
实例057 设置文本框的只读属性 98 实例058 限制多行文本域输入的字符个数 100 实例059 自动选择文本框/编辑框中的文字 102 实例060 按下回车键时自动切换焦点 103 2.2 下拉列表/菜单 104 实例061 获取下拉列表/菜单...
设置readOnly属性 true 或 false 可指定日期框是否只读;设置highLineWeekDay属性 ture 或 false 可指定是否高亮周末 操作按钮自定义 清空按钮和今天按钮,可以根据需要进行自定义,它们分别对应 isShowClear 和 ...
本文主要讨论如何使用JavaScript实现对文本输入框（Text）和下拉选择框（Select）这两种控件的可用与不可用状态的切换。 1. **文本输入框（Text）的控制** 文本输入框`<input type="text">`的可用性通常通过`...
以上总结了使用JavaScript来限制`input`元素的各种常见应用场景，包括但不限于取消虚线框、只读模式、限制输入类型等。这些技术可以帮助开发者更好地控制用户输入，提升用户体验的同时也提高了数据的有效性和安全性...
如果父页面选择的是“IT管理部”或“IT支持部”，则“部门名称”文本框只读，不能被修改。在修改部门页面中，会出现“部门负责人”下拉列表，下拉列表的选项默认加载出当前所选部门下的所有用户名称。如果当前部门下...
8. 光盘存储器分为只读式、可写一次和可重写式等多种类型。 9. 设置文本框控件来源为`=date()`可以在VFP中显示当前日期。 10. 创建VFP子类或表单时，不能新建事件，因为事件是由系统自动创建的。 11. 过程设计是软件...
根据给定文件的信息，我们可以总结出一系列与计算机二级等级考试相关的知识点。这些知识点涉及了编程基础、网页开发、文件操作、脚本语言、HTML、JavaScript、数据库管理等多个方面。 ### 动态网页格式 1. **不...