Thuộc tính HTML popover

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

popover Thuộc tính này xác định yếu tố là yếu tố弹出, điều này có nghĩa là khi yếu tố được gọi, nó sẽ được đặt ở trên cùng của nội dung, không làm gián đoạn vị trí của các yếu tố HTML khác.

Các yếu tố弹出 sẽ không visible trước khi được gọi bởi một yếu tố khác. Yếu tố khác phải có thuộc tính popovertarget, giá trị của nó tham chiếu đến id của yếu tố弹出.

Các yếu tố弹出 sẽ được đặt ở trên cùng của tất cả các nội dung khác, bằng cách nhấn yếu tố popovertarget, yếu tố弹出 có thể chuyển đổi giữa hiển thị và ẩn:

Xin chào

Các yếu tố弹出 có thể là một yếu tố HTML đơn lẻ như trong ví dụ trên, hoặc một bộ hoàn chỉnh các yếu tố HTML như trong ví dụ dưới đây.

Xem thêm:

Tài liệu tham khảo HTML:Thuộc tính HTML Input popovertarget

Tài liệu tham khảo HTML:Thuộc tính HTML Input popovertargetaction

Mô hình

Ví dụ 1

Thêm một yếu tố <h1> có thuộc tính popover và một nút hiển thị/ẩn nó:

<h1 popover id="myheader">Xin chào</h1>
<button popovertarget="myheader">Nhấn tôi!</button>

Thử ngay

Ví dụ 2

Sử dụng một phần tử div làm phần tử bật lên:

<div popover id="mydiv">
  <h2>Popover</h2>
  <hr>
  <p>Cửa sổ bật lên là phần tử được đặt trên tất cả các phần tử khác.</p>
  <p>Khi bạn muốn thông báo một điều quan trọng, bạn có thể sử dụng nó.</p>
</div>

Thử ngay

Cú pháp

<element popover>

Giá trị thuộc tính

popover Thuộc tính là thuộc tính boolean. Nếu đã được thiết lập, nó xác định rằng phần tử đó là phần tử cửa sổ bật lên.

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
114 114 Không hỗ trợ 17 100