bỏ qua tiêu điểm từ TAB nhảy

Question

Tôi có một đoạn với nhiều phần tử html khác nhau. Một số liên kết, một số hộp đầu vào, vv Nút TAB thay đổi tiêu điểm từ phần tử hiện tại thành phần tử html tiếp theo: nó nhảy từ liên kết đến liên kết. Có thể thiết lập một phần tử html cụ thể để được "bỏ qua" từ tiêu điểm như vậy từ nút TAB không?

Answer 1

Tab điều khiển thuộc tính tabindex. Đặt nó thành -1 và phím tab sẽ không dừng lại trên phần tử đó.

<input tabindex="-1" /> 

Đặt thành số không âm và bạn có thể kiểm soát thứ tự tab. Từ W3C spec:

Các yếu tố sau đây hỗ trợ các thuộc tính tabIndex: A, AREA, BUTTON, INPUT, OBJECT, SELECT, và TEXTAREA.

Trong HTML5 bạn có thể sử dụng các thuộc tính trên tabindexbất kỳ yếu tố. Từ HTML5 differences from HTML4:

Một số thuộc tính từ HTML4 hiện áp dụng cho tất cả các yếu tố. Đây được gọi là thuộc tính chung: accesskey, class, dir, id, lang, style, tabindex và title.