`

js控制readonly问题

    博客分类：
  • js
readonly 
阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
</head>
<script language="JavaScript">
function isreadonly(){
var obj = document.getElementById("username");
obj.setAttribute("readOnly",true);
}
function readwrite(){
var obj = document.getElementById("username");
obj.setAttribute("readOnly",false);
}
</script>
<body>
  <form name="addform" id="addform" method="post" action="">
  <input type="text" id="username" name="username" >
  <input type="button" name="只读" value="只读" onclick="isreadonly();">
  <input type="button" name="可写" value="可写" onclick="readwrite();">
  </form>
</body>
</html>
分享到：
| js2java中文乱码函数说明
评论
发表评论

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

相关推荐

    JS中如何设置readOnly的值

    在网页中我们有时候需要控制文本输入框的“输入状态”，一些关键属性是不能修改的，这个时候需要将文本输入框的readonly属性设置为False，在网页中我们可以使用 &lt;input name=”txt_name” type=”text” readonly...

    javascript操作文本框readOnly

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

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

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

    javascript中input中readonly和disabled区别介绍

    在JavaScript中，`readonly` 和 `disabled` 是两个用于表单输入元素的重要属性，它们都...在编写JavaScript代码处理表单时，理解这两个属性的区别是非常重要的，以便能够正确地控制用户的交互行为和表单数据的处理。

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

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

    typeaheadjs:[READONLY] typeahead.js的凉亭

    “typeaheadjs:[READONLY] typeahead.js的凉亭”这个标题表明我们正在处理一个关于`typeahead.js`的只读资源，它可能是该项目的一个镜像或者特定版本的存档。`typeahead.js`是一个JavaScript库，用于实现自动补全...

    js控制输入中英文字符数

    在JavaScript编程中，控制输入中英文字符数是一项常见的需求，特别是在网页表单或者文本输入框中。这样的功能有助于保持用户输入的数据格式规范，防止输入过长的文本导致数据处理问题。下面我们将详细讨论如何实现这...

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

    &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt; $(document).ready(function() { // 页面加载时禁用元素 $("select[name=sonota_kbn]").attr("disabled", true); }); // 提交表单前启用元素 ...

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

    在表单元素交互中，我们经常需要控制某些输入元素（如 `input`）的状态，使其变为只读或禁用。本文将详细介绍如何使用 jQuery 设置和移除 `readonly` 和 `disabled` 属性。 `readonly` 属性用于文本输入框 (`input...

    AngularJS基础 ng-readonly 指令简单示例

    ng-readonly是AngularJS中的一个指令，用于控制输入框（input）或文本区域（textarea）的只读属性。 ng-readonly指令可以接受一个表达式作为参数，当这个表达式的结果为true时，相应的输入框或文本区域就会以只读...

    JS控制input_输入字符限制

    本文将详细讲解如何使用JavaScript控制`input`输入的字符限制，包括限制输入类型、屏蔽输入法以及禁用编辑等。 1. **键盘事件与按键码**： `keydown`和`keyup`事件常用来监听用户在输入框中的按键操作。例如，通过...

    disabled与readonly的作用及区别介绍

    然而，这并不意味着完全不可更改，因为通过JavaScript或其他编程语言，我们仍然能够动态地修改`readonly`字段的值。例如，你可以编写一段脚本，在特定条件下解除`readonly`状态，允许用户进行编辑。`readonly`的典型...

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

    在给定的文件中，主要讲解了如何利用JavaScript（简称js）一次性改变多个`input`元素的`readonly`属性值。此操作特别适用于需要在某些情况下对多个输入框进行统一控制的场景，例如，根据用户权限的不同，允许或者不...

    [removed]为input设置readOnly属性(示例讲解)

    为了在Javascript中动态设置或移除input元素的readonly属性，可以使用setAttribute和removeAttribute方法。 首先，让我们明确一下什么是只读（readonly）。在HTML中，设置input元素的readonly属性为"readonly"时，...

    下拉框设置为只读模式时不再弹出下拉框

    在网页设计和开发中，经常会遇到需要对交互元素进行特定控制的情况，比如将下拉框（Dropdown）设置为只读模式。"下拉框设置为只读模式时不再弹出下拉框"这个主题，主要涉及到HTML、CSS以及可能的JavaScript技术。...

    用JS控制INPUT输入内容

    ### 使用JavaScript控制INPUT输入内容详解 #### 一、概述 在网页开发中，为了提高用户体验并确保数据的有效性，我们经常需要对用户输入的数据进行控制和验证。通过使用JavaScript（简称JS），我们可以轻松地实现这...

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

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

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