Thẻ dialog trong HTML

Ví dụ

Cách dùng phần tử <dialog>:

<table>
<tr>
<th>Tháng một <dialog open>Đây là một hộp thoại</dialog></th>
<th>Tháng hai</th>
<th>Tháng ba</th>
</tr>
<tr>
<td>31</td>
<td>28</td>
<td>31</td>
</tr>
</table>

Kết quả:

January Đây là một hộp thoại	February	March
31	28	31

Định nghĩa và cách sử dụng

Thẻ <dialog> định nghĩa một hộp thoại hoặc cửa sổ.

Phần tử <dialog> giúp cho việc tạo các hộp thoại popup và modal trên web trở nên dễ dàng hơn.

Trình duyệt hỗ trợ

Các con số trong bảng chỉ phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ các tính năng của thẻ.

Phần tử	Chrome	IE	FireFox	Safari	Opera
<dialog>	37.0	Không hỗ trợ	Không hỗ trợ	Không hỗ trợ	24.0

Sự khác nhau giữa HTML 4.01 và HTML5

Thẻ <dialog> là thẻ mới trong HTML5.

Các thuộc tính

Thuộc tính	Giá trị	Mô tả
open	open	Chỉ định phần tử dialog được kích hoạt và người dùng có thể tương tác với nó