Giá trị chính xác cho disabledthuộc tính cho một hộp văn bản hoặc textarea là gì?
Tôi đã thấy những điều sau đây được sử dụng trước đây:
<input type="text" disabled />
<input type="text" disabled="disabled" />
<input type="text" disabled="true" />
Giá trị chính xác cho disabledthuộc tính cho một hộp văn bản hoặc textarea là gì?
Tôi đã thấy những điều sau đây được sử dụng trước đây:
<input type="text" disabled />
<input type="text" disabled="disabled" />
<input type="text" disabled="true" />
Câu trả lời:
<input type="text" disabled="disabled" />là đánh dấu hợp lệ.<input type="text" disabled />hợp lệ và được W3C sử dụng trên các mẫu của họ.Thông số HTML5 :
http://www.w3.org/TR/html5/forms.html#eneac-and-diseac-form-controls:-the-disables-attribution :
Thuộc tính nội dung được kiểm tra là thuộc tính boolean
http://www.w3.org/TR/html5/infr Hạ tầng.html # bootolean-atts :
Sự hiện diện của một thuộc tính boolean trên một phần tử đại diện cho giá trị thực và sự vắng mặt của thuộc tính đại diện cho giá trị sai.
Nếu thuộc tính có mặt, giá trị của nó phải là chuỗi rỗng hoặc giá trị phù hợp không nhạy cảm với trường hợp ASCII cho tên chính tắc của 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" disabled />
<input type="text" disabled="" />
<input type="text" disabled="disabled" />
<input type="text" disabled="DiSaBlEd" />
Sau đây là không hợp lệ :
<input type="text" disabled="0" />
<input type="text" disabled="1" />
<input type="text" disabled="false" />
<input type="text" disabled="true" />
Sự vắng mặt của thuộc tính là cú pháp hợp lệ duy nhất cho false :
<input type="text" />
sự giới thiệu
Nếu bạn quan tâm đến việc viết XHTML hợp lệ, hãy sử dụng disabled="disabled", vì <input disabled>không hợp lệ và các lựa chọn thay thế khác ít đọc hơn. Khác, chỉ sử dụng <input disabled>vì nó ngắn hơn.
ng-disabledthay thế. Tương tự với các thuộc tính khác như thế này, nhìn chung chúng có ng-*đối tác thông minh
disabled={true}hoạt động trong mã JSX của ReacJs nhưng tôi chắc chắn rằng nó sẽ được dịch mã sang một trong các định dạng HTML5 hợp lệ / được phép.
Tôi mới thử tất cả những thứ này và đối với IE11, điều duy nhất có vẻ hoạt động là bị vô hiệu hóa = "true". Các giá trị bị vô hiệu hóa hoặc không có giá trị nào không hoạt động. Như một vấn đề thực tế, jsp có một lỗi tương đương được yêu cầu cho tất cả các trường, vì vậy tôi phải chỉ định vô hiệu hóa = "true" để điều này hoạt động.
disabled="false"vẫn sẽ vô hiệu hóa phần tử, bởi vì đó là HIỆN TẠI củadisabledđiều đó kích hoạt sự hư hỏng, không phải giá trị của thuộc tính.