如何使用 CSS 禁用表单字段

使用 CSS 指针事件属性的解决方案

我们可以使用一些 CSS 禁用表单字段。

要禁用表单字段,请使用设置为“none”的 CSS 指针事件属性。

现在,我们将演示一些示例。

禁用表单域的示例:

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
    <style>
      input[name=name] {
        pointer-events: none;
      }
    </style>
  </head>
  <body>
    <input type="text" name="name" value="onitroad">
  </body>
</html>

在下一个示例中,我们使用带有负值的 tabindex 属性。
请注意,这在某些情况下会有所帮助; 但是,它不会阻止进入该字段。

使用 tabindex 属性禁用表单字段的示例:

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
    <style>
      input[name=name] {
        pointer-events: none;
      }
    </style>
  </head>
  <body>
    <input type="text" name="name" value="onitroad" tabindex="-1">
  </body>
</html>
日期:2020-06-02 22:15:08 来源:oir作者:oir