html - Webkit-user-modify 在 chrome 中不起作用

Question

我使用 id 使用 jquery 在输入中放置了一定的值，但我仍然可以编辑它。下面给出的代码

<td><input id="txtTicketCode" style="-webkit-user-modify: read-only;"/> </td>

Answer 1

HTML 提供了 2 个关键字来阻止用户与 input 元素进行交互:disabled 和 readonly。您应该使用它们而不是使用浏览器属性的 CSS。

顺便说一下，disabled 是一个 bool 属性。不需要 disabled="disabled"。

正确用法:

<td><input id="txtTicketCode" disabled /></td>

最后，你想要只读还是禁用？阅读更多 answer .