19/09/2018, 14:42
hidden trong HTML
1 2 3 4 5 6 7 8 9 10 < ! DOCTYPE html > < html > < body > < p hidden > Đ o ạ n v ă n b ả n n à y s ẽ b ị ẩ n đ i . < / p > < p ...
|
1 2 3 4 5 6 7 8 9 10 |
<!DOCTYPE html> <html> <body> <p hidden>Đoạn văn bản này sẽ bị ẩn đi.</p> <p>Đoạn văn bản này sẽ hiển thị.</p> <p><b>Lưu ý:</b> Thuộc tính hidden không được hỗ trợ trong phiên bản IE10 và các phiên bản trước đó.</p> </body> </html> |
Demo
Định nghĩa và cách sử dụng
Thuộc tính hidden là một thuộc tính boolean.
Khi được sử dụng, thẻ chứa thuộc tính sẽ được đánh dấu là chưa hiển thị hoặc không hiển thị nữa.
Các trình duyệt sẽ không hiển thị các thẻ có chứa thuộc tính hidden.
Thuộc tính hidden cũng có thể được sử dụng để ẩn một thẻ làm cho người dùng không nhìn thấy và chỉ hiện ra khi thỏa mãn điều kiện nào đó (như chọn một checkbox, v.v…). Sau đó, JavaScript có thể bỏ thuộc tính này đi và nội dung trong thẻ sẽ được hiển thị.
Trình duyệt hỗ trợ
Số trong bảng dưới đây thể hiện phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ cho thuộc tính.
| Thuộc tính |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| hidden | 6.0 | 4.0 | 11.0 | 5.1 | 11.1 |
Khác biệt giữa HTML 4.01 và HTML5
Hidden là thuộc tính mới của HTML5.
Khác biệt giữa HTML và XHTML
Trong XHTML, bạn không được phép viết tắt và thuộc tính cần phải khai báo đầy đủ <element hidden=”hidden”>.
Cú pháp
|
1 |
<element hidden> |
