【问题标题】:Completely disable form input fields without disabling every single element完全禁用表单输入字段而不禁用每个元素
【发布时间】:2019-02-23 09:52:31
【问题描述】:

我有一种情况需要禁用表单中的某些输入字段。可能有很多字段,禁用每个元素似乎效率低下。

有没有办法通过在某处放置 1 个disabled 标签来禁用一组元素?

提前致谢!

【问题讨论】:

  • 刚刚在当前的 Chrome 中进行了测试,无法找到一种方法来切换到禁用的字段。
  • 你试过这个吗?
  • 我无法重现它。 4jolvy0rw.codesandbox.io 来源:codesandbox.io/s/4jolvy0rw 浏览器:Chrome:68.0.3440.106 您能否还包括您用于测试此行为的浏览器?
  • 我可以知道在哪个浏览器中吗?
  • 我更新了问题,因为它没有正确解释

标签: javascript html css reactjs


【解决方案1】:

当前应该可以工作:

<input type="text" name="some_name" id="some_id" disabled>

但是,您说无论出于何种原因,这都不起作用。试试这个:

<input type="text" name="some_name" id="some_id" disabled onfocus="blur();">

blur(); 函数是一个内置的 JavaScript 函数,它将取消焦点(基本上取消选择)您的目标。

【讨论】:

  • 这个onfocus 必须是有条件的,否则 OP 将永远无法在该字段中输入。
  • @Hardik 当然可以。我只想强调 OP 的问题,即 “有没有办法禁用一个字段并禁用该特定字段的选项卡逻辑?”。 OP 清楚地知道 disabled 属性,因此我希望他知道何时应用逻辑的自己的条件。特别是因为问题中没有解决任何逻辑循环。
猜你喜欢
  • 2012-11-04
  • 2020-07-26
  • 2020-01-06
  • 2017-04-22
  • 2019-04-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-07-07
相关资源
最近更新 更多