Jaka jest poprawna składnia atrybutu readonly dla wejściowych elementów tekstowych?

Question

wiem o atrybucie readonly dla text input, jednak podczas czytania kodu z innych stron (brzydki zwyczaj kopalni) widziałem więcej niż jedno wykonanie dla niego:

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

i

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

i ja nawet widziałem

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

..i wierzę, widziałem nawet więcej, ale nie pamiętam dokładnej składni teraz ..

Który z nich jest prawidłowy i powinienem go użyć?

Answer 1

Z w3:

tylko do odczytu = „tylko do odczytu” lub „” (pusty łańcuch) lub pusty - Określa ten element stanowi kontrolną, której wartość nie jest przeznaczona do edytowane.

W zasadzie jest taki sam.

Answer 2

Należy mieć

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

Answer 3

HTML5 Spec:

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

atrybut tylko do odczytu, jest wartością logiczną atrybut

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

Obecność atrybutu boolean dla elementu reprezentuje wartość true, a brak atrybutu reprezentuje wartość false.

Jeśli atrybut jest obecny, jego wartość musi być pustym ciągiem lub wartością, która nie jest dopasowana do wielkości liter ASCII dla nazwy kanonicznej atrybutu, bez początkowych lub końcowych białych znaków.

Wnioski:

Poniżej ważny, równoważne i prawdziwe:

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

Poniżej nieprawidłowy:

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

Brak atrybutu jest ważna tylko składnia fałszywego:

<input type="text"/> 

Zalecenie

Jeśli dbasz o napisaniu poprawnego XHTML, użyj readonly="readonly", ponieważ <input readonly> jest nieważny i inne alternatywy są mniej czytelny. Poza tym po prostu użyj <input readonly>, ponieważ jest krótszy.