Ví dụ và cách sử dụng thuộc tính accesskey trong HTML.

accesskey trong HTML

Demo

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

Thuộc tính accesskey quy định phím tắt để kích hoạt/di chuyển tới một thẻ.

Lưu ý: Phím tắt được quy định trên mỗi trình duyệt khác nhau:

Trình duyệtWindowsLinuxMac
Internet Explorer[Alt] + accesskey
Chrome[Alt] + accesskey[Alt] + accesskey[Control] [Alt] + accesskey
Firefox[Alt] [Shift] + accesskey[Alt] [Shift] + accesskey[Control] [Alt] + accesskey
Safari[Alt] + accesskey [Control] [Alt] + accesskey
OperaOpera 15 trở lên: [Alt] + accesskey
Opera 12.1 về trước: [Shift] [Esc] + accesskey

Tuy nhiên, hầu hết các trình duyệt đều cho phép bạn đặt lại phím tắt.

Mẹo: Nếu nhiều thẻ có cùng một accesskey:

  • IE, Firefox: Thẻ tiếp theo (tính từ vị trí con trỏ) có accesskey vừa nhấn sẽ được kích hoạt
  • Chrome, Safari: Thẻ cuối cùng có accesskey vừa nhấn sẽ được kích hoạt
  • Opera: Thẻ đầu tiên có accesskey vừa nhấn sẽ được kích hoạt

Trình duyệt hỗ trợ

Thuộc tính Icon Chrome Icon FireFox Icon IE Icon Safari Icon Opera
accesskey

Sự khác biệt giữa HTML 4.01 và HTML5

Trong HTML5, thuộc tính accesskey có thể được sử dụng trên mọi thẻ HTML (hợp lệ trên mọi thẻ HTML. Tuy nhiên, nó không phải lúc nào cũng hữu ích).

Trong HTML 4.01, thuộc tính accesskey có thể được sử dụng với các thẻ : <a>, <area>, <button>, <input>, <label>, <legend> và <textarea>.

Cú pháp

Giá trị  thuộc tính

Giá trịMiêu tả
Ký tựQuy định ký tự phím tắt để kích hoạt/di chuyển tới thẻ.

About admin

Leave a Reply

Your email address will not be published. Required fields are marked *

*