如何使文本input不可编辑？
所以我有一个文本input
<input type="text" value="3" class="field left"> 这是我的CSS
background:url("images/number-bg.png") no-repeat scroll 0 0 transparent; border:0 none; color:#FFFFFF; height:17px; margin:0 13px 0 0; text-align:center; width:17px;
有没有一个设置或一个技巧，我正在考虑做一个标签，而不是样式。 我如何转换它们，有没有更好的方法，或者是唯一的方法？
<input type="text" value="3" class="field left" readonly>
没有造型必要。
请参阅MDN上的<input> https://developer.mozilla.org/en/docs/Web/HTML/Element/input#Attributes
您可以将readonly属性添加到input中：
<input type="text" value="3" class="field left" readonly="readonly">
更多信息： http : //www.w3schools.com/tags/att_input_readonly.asp
如果您只想读取input，则可以使用readonly属性。 而且你可以使用disabled属性，如果你想input显示，但完全禁用（即使处理像PHP的语言将无法读取这些）。
只是为了完成可用的答案：
一个input元素可以是只读或禁用的（它们都不可编辑，但是有一些区别：焦点，…）
好的解释可以在这里find：
对于HTML表单input字段，disabled =“disabled”和readonly =“readonly”有什么区别？
如何使用：
<input type="text" value="Example" disabled /> <input type="text" value="Example" readonly />
还有一些解决scheme可以通过CSS或者JavaScript来实现，正如这里所解释的。
添加只读属性
<input type="text" value="3" class="field left" readonly="readonly" >
要么 –
<input type="text" value="3" class="field left" readonly>
没有CSS需要！
你只需要在最后添加禁用
<input type="text" value="3" class="field left" disabled>
<input type="text" value="3" class="field left" readonly>
你可以在https://www.w3schools.com/tags/att_input_readonly.asp看到;
设置“只读”的方法：
$("input").attr("readonly", true)
取消“只读”（使用jQuery）：
$("input").attr("readonly", false)
