有时候页面的文本框需要临时切换只读或可写,有时我们可以用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)中,管理员可能需要快速地修改页面上的...
`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. **不...