disabled-input 相关问题

如何在 Jetpack Compose 中同时禁用所有组件的交互

我有一个列（非全屏），其中包含一些组件，如 TextFiled、Chip 等。并且有一个“提交”按钮，一旦使用此按钮，我需要禁用所有组件交互（单击、键入）...

android-jetpack-compose overlay disabled-input

回答 1 投票 0

禁用输入的值将不会被提交

这是我在Firefox中通过Firebug找到的。禁用输入的值将不会被提交在其他浏览器中也是这样吗？如果是的话，原因是什么？

form-submit disabled-input forms http-post

回答 9 投票 0

如何发布禁用的输入

您好，我有一些输入，但其中一个被禁用（是的，我需要它作为我的时间表），但是如何将其发送 autocomplete.php 到 insert.php 我遇到此错误 Undefined index: client1 in C: \wamp\www\

php post input disabled-input

回答 4 投票 0

如何在 HTML 中正确禁用按钮？

可以通过设置disabled属性来禁用元素，例如使用 document.querySelector("button").disabled = true; 不过，这也有一些不利之处可以通过设置 <button> 属性来禁用 disabled 元素，例如使用 document.querySelector("button").disabled = true; 但是，这会产生一些“不利的可用性影响”，例如导致按钮失去焦点并无法通过键盘导航进行访问。有些用户会看到按钮被禁用的视觉提示，例如因为表单中可能缺少某些内容。对于依赖键盘导航和屏幕阅读器的用户来说，获取此信息会困难得多。禁用按钮的好方法是什么？可以使按钮的行为就像被禁用一样，而无需实际禁用它。您可以使用 aria-disabled 属性来执行此操作： /** * Adds eventListeners to the buttons. * Here, not the action is added but the guard. */ document.querySelectorAll("button").forEach(button => { button.addEventListener("click", actionGuard(action)) }); /** * This guard prevents the action if the button * is disabled or event handling was prevented. * @param {EventListener} action * @returns {EventListener} */ function actionGuard(action) { return (evt) => { if (evt.target?.ariaDisabled) evt.preventDefault(); else if (!evt.defaultPrevented) action(evt) } } /** * The action you want your button to perfom. * @type {EventListener} */ function action(evt) { console.log("Event callback triggered:", evt.type) } button[aria-disabled="true"] { opacity: .65; cursor: not-allowed; } <button type="button">Enabled</button> <button type="button" aria-disabled="true">Disabled</button> 基于 aria-disabled 属性，按钮的样式已更改，以便您仍然可以获得该按钮处于非活动状态的视觉提示。此外，只有当 aria-disabled 属性不为 true 并且事件尚未被阻止时，守卫才会允许执行该操作。为了提高可用性，您可以考虑向此禁用按钮添加工具提示，告知用户该按钮被禁用的原因。添加工具提示时，请务必通过添加 aria-live 元素来帮助屏幕阅读器用户。

javascript html accessibility disabled-input

回答 1 投票 0

为什么我无法禁用表格中的输入文本框（我尝试仅使用 JavaScript）？

我正在尝试使用 JavaScript 禁用表格中的一些文本框。我的 JavaScript 变量表 = { 禁用文本框：函数（）{ var rows = document.querySelectorAll('table tr'); 行.forEach(

javascript disabled-input

回答 1 投票 0

如何在单击 html 按钮而不是提交按钮后禁用该按钮

嗨，我有一个 html 按钮，当你按下它时，它应该会告诉你商店到你所在位置的距离，所以当你按下它时，它们现在就会出现，问题是因为它还处于早期阶段

html user-interface input disabled-control disabled-input

回答 7 投票 0

[attr.disabled]=true 不以反应形式工作 angular 15

Currently I'm using angular 15 and In angular 14 for the disabled input field in reactive form 我使用 [attr.disabled]="disableField ? true : null" 这个属性在我更新 angu 之后...

angular forms reactive disabled-input disabled-control

回答 1 投票 0

如何启用复选框？

这是我的第一个问题。我正在尝试通过单击股票详细信息页面上的复选框将股票页面中的股票添加到关注列表。此选项已被禁用，因为监视列表限制为 ...

javascript html input element disabled-input

回答 1 投票 0

React中禁用按钮的安全性如何？

我刚刚发现，在开发者工具中编辑一个按钮，启用一个被禁用的按钮，并没有任何改变。该按钮不知为何在内部仍然被禁用。虽然禁用的样式效果被移除）......

html reactjs events button disabled-input

回答 1 投票 0

我的聊天机器人是否可以在团队应用中禁止输入？

我正在用microsofts bot framewrk,nodejs搭建一个聊天机器人。在聊天机器人中，有时会有api调用外部系统的功能，用户需要等待大约一分钟。我是...