Webkit 用户修改在 Chrome 中不起作用

Question

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

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

Answer 1

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

顺便说一句，disabled是一个布尔属性。不需要disabled="disabled"。

正确用法：

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

最后，您想要只读还是禁用？通过这个答案阅读更多内容。