使用 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
