如何使用 JavaScript 将输入字段设置为只读?

2024-01-10

我知道你可以添加readonly="readonly"到输入字段,因此它不可编辑。但我需要使用 javascript 来定位输入的 id 并将其设置为只读,因为我无权访问表单代码(它是通过营销软件生成的)

我不想禁用输入,因为应在提交时收集数据。

这是我在以下建议中添加的页面,到目前为止还没有运气:

确保您使用<body onload="onLoadBody();">对于将来使用它的任何人。


您可以获取输入元素,然后设置其readOnly财产给true如下:

document.getElementById('InputFieldID').readOnly = true;

具体来说,这就是您想要的:

<script type="text/javascript">
  function onLoadBody() {
    document.getElementById('control_EMAIL').readOnly = true;
  } 
</script>

打电话给这个onLoadBody()body 标签上的函数如下:

<body onload="onLoadBody">

查看演示:jsfiddle http://jsfiddle.net/EsQ3c/1/.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 JavaScript 将输入字段设置为只读? 的相关文章

  • 为什么 iife 在一个简单的例子中不起作用?

    我不明白为什么函数表达式调用不起作用并抛出错误 你能给我解释一下吗 var a function x alert x function a 1 谢谢大家 任务比我想象的要容易得多 这是因为 JS 将 IIFE 解析为函数的参数调用 这样做时
  • Three.js:缩放几何图形后错误的 BoundingBox

    在我的场景中 我有一个简单的立方体 var test new THREE Mesh new THREE CubeGeometry 10 10 10 new THREE MeshBasicMaterial scene add test 该立方
  • 使用 JavaScript 禁用第三方 cookie

    我正在努力根据所有在欧盟运营的公司的数据保护规则实施新的 Cookie 政策合规性 根据该规则 用户在使用任何网站时必须能够拒绝 接受除必需的 Cookie 之外的所有内容 在我客户的网站中 我可以看到正在存储以下第三方 cookie ga
  • 带有淘汰赛js的隐形recaptcha

    我正在完成隐形验证码 但我在实现它时遇到问题 谷歌开发人员页面中的代码显示它应该是这样的
  • React-Redux:state.setIn() 和 state.set() 有什么区别?

    我见过使用setIn and set 在一些react redux代码中 state setIn state set 我在这里找到了一些文档https facebook github io immutable js https facebo
  • Bootstrap按钮加载+Ajax

    我正在使用 Twitter Bootstrap 的按钮加载状态 http twitter github com bootstrap javascript html buttons http twitter github com bootst
  • 如何将函数附加到弹出窗口关闭事件(Twitter Bootstrap)

    我做了一些搜索 但我只能认为我可以将事件附加到导致其关闭的按钮 https stackoverflow com questions 13205103 attach event handler to button in twitter boo
  • 将 GMT 时间转换为当地时间

    我以这种格式从我的服务器获取 GMT 时间 Fri 18 Oct 2013 11 38 23 GMT 我的要求是使用Javascript将此时间转换为本地时间 例如 如果用户来自印度 首先我需要采用时区 5 30并将其添加到我的服务器时间并
  • Chrome 扩展程序在代码中使用 client_secret

    我正在开发具有自己的 oAuth 授权的 Google Chrome 扩展 当然 我必须使用 client id 和 client secret 作为请求令牌 有什么办法可以向用户隐藏这些数据吗 由于此请求只是 javascript 源代码
  • 如何制作没有 ng-repeat 的模板并使用 Angular-drag-and-drop-lists 将数据传递到 $scope?

    我想用角度拖放列表 https github com marceljuenemann angular drag and drop lists使用我自己的网格模板到所见即所得编辑器 如何构建我自己的 HTML 模板而不需要ng repeat因
  • 页面上使用 HTML Editor Extender 进行回发会导致 IE11 中出现 JavaScript 错误

    我已将 HTML 编辑器扩展程序添加到我正在处理的页面中 现在每当我在页面上发回帖子时 都会收到以下 Javascript 错误 JavaScript 运行时错误 参数无效 之后什么也没有发生 这在 IE10 或更低版本以及我所知道的所有其
  • 可以设置标题样式吗? (并且使用CSS或js?)[重复]

    这个问题在这里已经有答案了 我想知道是否可以设计一个title a href title This is a title Hello a 样式问题有两个方面 文本格式 编码 我猜这是可能的 所以在问题中这样做 工具提示样式 你能把它弄大一点
  • 在移动设备上滚动

    这个问题更多的是一个建议研究 我确实希望它对其他人有帮助 并且它不会关闭 因为我不太确定在哪里寻求有关此事的建议 在过去的 6 个月里 我一直在进行移动开发 我有机会处理各种设备上的各种情况和错误 最麻烦的是滚动问题 当涉及到在网站的多个区
  • 使用 Vue 的多模式组件

    我在 Vue 中实现动态模式组件时遇到问题 A common approach I follow to display a set of data fetched from the db is I dump each of the rows
  • 在 Javascript 中连接空数组

    我正在浏览一些代码 我想知道这有什么用处 grid push concat row 根据我的理解 它等同于 grid push row 为什么要大惊小怪 连接 你想使用 concat当您需要展平数组并且没有由其他数组组成的数组时 例如 va
  • 在 Shopify 商店中嵌入 Vue 组件

    在产品页面中 我尝试显示自定义 Vue 组件 为简洁起见 该组件根据给定的产品 ID 显示 Firebase 数据库中的一些信息 我最初尝试将其制作为 Shopify 应用程序 以便我可以访问他们的 API 我实现了 OAuth 并且可以检
  • 如何隐藏/禁用 Highcharts.js 中的图例框?

    我想问是否可以使用 HighCharts js 库隐藏图表中的所有图例框 var chart object chart renderTo render to type graph type colors graph colors title
  • Jquery - 选择选项后如何获取选项的特定数据类型?

    我将直接跳到标记 然后解释我想要做什么 HTML 选择选项
  • 如何在执行新操作时取消先前操作的执行?

    我有一个动作创建器 它会进行昂贵的计算 并在每次用户输入内容时调度一个动作 基本上是实时更新 但是 如果用户输入多个内容 我不希望之前昂贵的计算完全运行 理想情况下 我希望能够取消执行先前的计算并只执行当前的计算 没有内置功能可以取消Pro
  • 如何使用asm.js进行测试和开发?

    最近我读到asm js规范 看起来很酷 但是是否有任何环境 工具来开发和测试这个工具 这还只是处于规范阶段吗 您可以尝试使用 emscripten 和 ASM JS 1 并从侧分支在 firefox 构建中运行它 有关 asm js 的链接

随机推荐

  • 响应式 CSS 网格布局,位置:固定

    我正在使用 CSS 网格布局构建一个响应式模板 仍在学习 感谢这里的一些人 我已经完成了大部分工作 移动设备 最大宽度 767px 一切都应该出现在自己的行上 平板电脑 最小宽度 768px 导航位于第一行 旁边和主要在第二个 桌面 最小宽
  • 如何横向显示 SwiftUI 预览

    previewLayout fixed width 480 height 320 在 Xcode 13 4 和 Xcode 14 beta 3 中没有效果 The preview is shown in portrait vs expect
  • 使用预提交排除运行黑屏时的一些文件

    我想在预提交中配置黑色 并从检查任何迁移文件夹中排除预提交 我的 pyproject toml 看起来像这样 tool black line length 79 target version py37 include pyi exclude
  • Grails Webflow - 将事物保持在流程范围之外

    我错过了一些东西 我有一个 Grails 网络流程 如下所示 def childFlow start action def targets Target list each target gt targets add new TargetC
  • eig(X, 'nobalance') 的八度等效值是多少

    我试图找到马尔可夫链的平衡分布 这意味着找到代表它的转移矩阵的特征值 但是 eig函数自动标准化它返回的特征向量 在MatLab中有一个标志你可以传递给函数停止这种行为 eig X 不平衡 其中 X 是矩阵 看http www mathwo
  • 如何将指针传递给 LuaJIT ffi 以用作 out 参数?

    假设有以下C代码 struct Foo int dummy int tryToAllocateFoo Foo dest 如何在 LuaJIT 中执行以下操作 Foo pFoo NULL tryToAllocateFoo pFoo local
  • 在没有母版页控件的情况下打印asp.net页面

    我想打印我的页面 接受母版页的元素 母版页中有一个用户控件 这对我来说很重要 我的打印按钮也在主页上 谢谢 您需要创建新的样式表 print css 并设置 CSS media print 例如 并将 yesPrint 类添加到要打印的部分
  • 尝试请求存储库时,TypeORM 未找到连接“默认”

    我正在使用 Express TypeORM 构建一个 API 这是我的 ormconfig json type postgres host localhost port 5432 username mdsp9070 password mds
  • 实体框架数据库首先更新多重性冲突

    我看到的关于这些多重性冲突的大多数其他问题都是代码优先 而我首先是数据库 我进行了一些架构更改 当我从数据库刷新模型时收到以下错误 多重性与关系 FK MarketSelectionWager Bet 中角色 Bet 中的引用约束冲突 由于
  • 用于 Code128 条形码字体的 Python Code128 编码器

    就像标题所说 我有一个 Code128 字体 我想用它来打印条形码 但是 该字符串需要以 Code128 进行编码才能使条形码字体正常工作 我的应用程序使用Python3语言 网络上曾经有一个示例 介绍如何将字符串编码为 Code128 字
  • 双击不适用于 Python 中的无头 Selenium

    我尝试在无头模式下使用 selenium 双击网站上的选定元素 但是双击操作不起作用 我的 chrome 版本是 72 任何帮助将不胜感激 以下是我的代码的相关部分 element driver find element by id pla
  • 如何根据目标c、Iphone中的当前位置找到最近的100米纬度和经度

    如何根据当前位置找到最近的 100 米纬度和经度 我在 SQLITE3 中创建了一个数据库 其中包含一组纬度和经度以及相应的位置名称 根据当前位置 我想获取目标 C 中最近的 100 米纬度和经度 我正在使用以下代码来获取当前位置 void
  • 简单的 Bootstrap 页面在 iPhone 上没有响应

    我下载了 Twitter Bootstrap 示例并用它创建了一个简单的 Rails 项目 我在需要的地方复制了 css 它显示得很好 我还复制了 js 一切都在我的桌面上运行得很好 当我更改浏览器的大小时 它会重新组织页面 当使用一些不同
  • 使用 Node.js 监听 2 个不同的端口

    我目前正在使用 Sockets io 与客户端通信 从端口发送 JSON 等 这一切都很好 但我想做的是同时监听另一个端口 以创建一种用于测试目的的管理页面 例如 该页面将有一个按钮 用于为另一个端口上连接的所有客户端发送某种类型的 JSO
  • 如何使用cosmos sdk生成给定种子短语的高清钱包密钥和地址?

    我正在尝试使用 cosmos sdk 生成高清钱包私钥 公钥和地址 下面是 python 中的等效实现 它按预期生成键和地址 但在尝试生成时golang使用cosmos sdk它不会生成相同的密钥 非常感谢任何等效 golang 版本的 p
  • 科学计算中如何处理下溢?

    我正在研究概率模型 当对这些模型进行推理时 估计的概率可能会变得非常小 为了避免下溢 我目前在对数域中工作 我存储概率的对数 概率相乘相当于加法 求和是通过以下公式完成的 log exp a exp b log exp a m exp b
  • Angular2 组件:无法在 ngOnDestroy 内发出 @Output EventEmitter?

    角度2 rc1 是否可以有这样的组件 export class MyComp Output myEvent new EventEmitter false ngOnDestroy this myEvent emit ngOnDestroy h
  • 演示 Docusign API:java.net.SocketException 连接重置

    我们最近开始收到此错误 我们的 API 已经运行四年多了 DEMO 网站上有什么变化吗 引起原因 java net SocketException调用https demo docusign net API 3 0 AccountManage
  • 在 Visual Studio 中禁用特定代码块的代码格式

    我怎么能够禁用代码格式化对于特定的代码块视觉工作室 2017 C 7 我有这个方法 public CarViewModel ICarsRepo carsRepo Manufacturers ToSelectList
  • 如何使用 JavaScript 将输入字段设置为只读?

    我知道你可以添加readonly readonly 到输入字段 因此它不可编辑 但我需要使用 javascript 来定位输入的 id 并将其设置为只读 因为我无权访问表单代码 它是通过营销软件生成的 我不想禁用输入 因为应在提交时收集数据