输入文本元素的正确只读属性语法是什么？

Question

作为大多数，我熟悉 readonly 属性 text input ，但是在阅读其他网站的代码时（我的一个讨厌的习惯）我看到了不止一个实现这个属性：

 <input type="text" value="myvalue" class="class anotherclass" readonly >

和

<input type="text" value="myvalue" class="class anotherclass" readonly="readonly" >

我什至见过

<input type="text" value="myvalue" class="class anotherclass" readonly="true" >

..而且我相信我看到了更多，但现在不记得确切的语法了..

那么，我应该使用哪一个是正确的？

原文由 Obmerk Kronen 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

从 w3 ：

readonly = “readonly” 或 ”” （空字符串） 或 空- 指定元素表示一个控件，其值不应被编辑。

所以基本上是一样的。

原文由 Vucko 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

HTML5 规范：

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

只读属性是一个布尔属性

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

元素上存在布尔属性表示真值，不存在该属性表示假值。

如果该属性存在，其值必须是空字符串或者是不区分大小写的 ASCII 匹配属性规范名称的值，没有前导或尾随空格。

结论：

以下是 有效的、等价的和真实的：

 <input type="text" readonly />
<input type="text" readonly="" />
<input type="text" readonly="readonly" />
<input type="text" readonly="ReAdOnLy" />

以下是 无效 的：

 <input type="text" readonly="0" />
<input type="text" readonly="1" />
<input type="text" readonly="false" />
<input type="text" readonly="true" />

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

 <input type="text"/>

推荐

如果您关心编写有效的 XHTML，请使用 readonly="readonly" ，因为 <input readonly> 是无效的，其他替代方案的可读性较差。否则，只需使用 <input readonly> 因为它更短。

原文由 Ciro Santilli OurBigBook.com 发布，翻译遵循 CC BY-SA 4.0 许可协议