之间有什么区别？

和：

当我将readonly设置为true时，它的工作原理与readonly='readonly'有所不同。 W3C标准说readonly应该是'readonly'，而不是'true'。 为什么大多数浏览器允许readonly='true'的功能与readonly='readonly'有所不同？

给元素赋予属性readonly将使该元素具有只读状态。紧随其后的是什么值，或者紧随其后的是什么，它仍然将其视为只读。放入readonly="false"将不起作用。

建议使用W3C标准，即readonly="readonly"。

这些属性设置是每次查看的值，不需要对其进行任何分配。存在它们时，元素的布尔属性设置为true，不存在时为false。

实际上，浏览器对它们的价值分配持开放态度。如果为它们分配任何值，它将被忽略。浏览器将仅看到特定属性的存在，而忽略您尝试分配给它们的值。

这当然很好，因为某些框架无法在不提供其值的情况下添加此类属性。 Asp.net MVC HTML帮助器就是其中之一。 jQuery在1.6版之前一直是相同的，他们添加了属性的概念。

当然，还有一些与XHTML相关的含义，因为XML中的属性需要值才能形成正确的格式。但这是一个不同的故事。因此，浏览器必须忽略值分配。

无论如何。只要名称正确拼写，就可以为浏览器检测到，不用担心您为它们分配的值。但是为了提高可读性和可维护性，最好为它们分配有意义的值，例如：

相对于

这可能会使将来的开发人员难以维护您的代码，并可能干扰将来的规范，后者可能会为此类属性设置定义更严格的规则。

readonly="true"是无效的HTML5，readonly="readonly"是有效的。

HTML5规范：

http://www.w3.org/TR/html5/forms.html#attr-input-readonly：

The readonly attribute is a boolean attribute

http://www.w3.org/TR/html5/infrastructure.html#boolean-attributes：

The presence of a boolean attribute on an element represents the true value, and the absence of the attribute represents the false value.

If the attribute is present, its value must either be the empty string or a value that is an ASCII case-insensitive match for the attribute's canonical name, with no leading or trailing whitespace.

结论：

以下是有效，等效和正确的内容：

以下是无效的：

该属性的缺失是false的唯一有效语法：

建议

如果您关心编写有效的XHTML，请使用readonly="readonly"，因为无效并且其他替代方法可读性较低。否则，请使用，因为它更短。

readonly="readonly"是xhtml语法。在xhtml中，布尔属性以这种方式编写。在xhtml中，不允许使用"属性最小化"()，因此这是在xhtml中包含布尔属性的有效方法。有关更多信息，请参见此页面。

如果您的文档类型是xhtml过渡文档或严格文档，并且您想对其进行验证，请使用readonly="readonly，否则使用readonly就足够了。

我不确定它们在功能上有何不同。我当前的OS X浏览器批次没有任何区别。

由于传统的HTML属性处理，我认为它们在功能上都是相同的。回想一下，任何标记(布尔)属性仅需存在，但不带值，例如

当XHTML出现时，此语法无效，并且需要值。虽然W3使用属性名称作为值来指定，但我猜想大多数浏览器供应商都决定只检查属性是否存在。

根据HTML标准，使用

足以使输入元素变为只读。但是，XHTML标准指出，由于attribute minimization，上面列出的用法无效。您可以参考以下链接：

https://www.w3.org/TR/xhtml1/diffs.html#h-4.5

http://www.w3schools.com/tags/att_input_readonly.asp