使文本输入字段看起来处于禁用状态,但只执行readonly

Question

我有一个HTML输入字段,我希望用户能够看到,但不能编辑.如果我将该字段标记为"已禁用",则不会将其与表单的其余部分一起提交.如果我将其标记为"只读",它的行为就像我想要的那样,但仍然看起来已启用(至少在Chrome上).

基本上,我希望输入字段看起来像禁用字段,但表现为只读字段.这可能吗？

谢谢.

编辑:此外,如果我将其标记为"只读",则仍然可以通过双击它并选择以前存在的内容来更改其值.

Answer 1

解决方法是:您可以在所需的位置禁用输入(仅用于显示值),并使用您需要的名称和值隐藏输入.

Answer 2

您可以使用 css 使其看起来像您想要的那样，尽管这可能与跨浏览器/平台的其他禁用字段不匹配。

<input type="text" value="Sample text" readonly="readonly" style="color: #787878;"/>