Cú pháp thuộc tính chỉ đọc chính xác cho các phần tử văn bản đầu vào là gì?

Question

tôi biết về readonly thuộc tính cho text input, Nhưng khi đọc mã từ các trang web khác (một thói quen khó chịu của tôi), tôi thấy nhiều hơn một thực hiện cho nó:

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

và

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

và Tôi đã từng thấy

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

..Và tôi tin rằng tôi đã thấy nhiều hơn, nhưng không thể nhớ lại cú pháp chính xác ngay bây giờ ..

Vì vậy, cái nào là đúng mà tôi nên sử dụng?

Answer 1

Từ w3:

readonly = "readonly" hoặc "" (chuỗi rỗng) hoặc trống - Xác định yếu tố đại diện cho một điều khiển mà giá trị không có nghĩa là được đã chỉnh sửa.

Về cơ bản, nó giống nhau.

Answer 2

là nên

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

Answer 3

HTML5 đặc tả:

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

Thuộc tính readonly là một thuộc tính boolean

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

Sự hiện diện của thuộc tính boolean trên một phần tử biểu thị giá trị thực và sự vắng mặt của thuộc tính thể hiện giá trị sai.

Nếu thuộc tính hiện diện, giá trị của nó phải là chuỗi trống hoặc giá trị là một đối sánh không phân biệt chữ hoa chữ thường cho tên của tên thuộc tính, không có khoảng trống đầu hoặc cuối.

Kết luận:

Sau đây là hợp lệ, tương đương và đúng:

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

Sau đây là không hợp lệ:

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

Sự vắng mặt của các thuộc tính là cú pháp hợp lệ chỉ cho sai:

<input type="text"/> 

Khuyến nghị

Nếu bạn quan tâm về cách viết XHTML hợp lệ, sử dụng readonly="readonly", vì <input readonly> là không hợp lệ và lựa chọn thay thế khác ít có thể đọc được. Khác, chỉ cần sử dụng <input readonly> vì nó ngắn hơn.