相关疑难解决方法(0)

HTML中是否有任何方法告诉浏览器不允许对特定元素进行选项卡索引？

在我的页面上虽然有一个使用jQuery呈现的sideshow,但是当你选中它时,你会在标签控件移动到页面上的下一个可见链接之前获得大量的标签按下,因为所有被标记的内容都被隐藏到用户视觉上.

我有一个页面，其中有一个带有输入字段块的表单。还有一个“添加另一个”按钮，允许添加更多与上述相同的块。

只要页面上有多个输入字段块，用户就会看到“删除”链接，以允许他们从视图中删除相应的块。

我的问题是，按 Tab 键时，“删除”链接永远不会突出显示。焦点移动到下一个块元素。

我尝试过使用 Tab 索引，但它没有解决问题，因为 Tab 键不遵循顺序。

<fieldset class="fieldset" id="fieldset-${receiptDetails.id}" style="width: 100%">\n    <legend style="display: none;">Receipt Detail Section - ${receiptDetails.id}</legend>\n    <label for="id" class="visually-hidden">Id: </label>\n    <input type="text" name="id" id="id" style="display: none" value="${receiptDetails.id}">\n\n    <div class="form-group">\n        <label class="claim-label" for="nameAddressOfSupplier" id="name-address-supplier-label">\n            [@spring.message "receipts-upload.supplier.name.address.label.text"/]\n        </label>\n        <textarea class="govuk-textarea" id="nameAddressOfSupplier-${receiptDetails.id}" name="nameAddressOfSupplier">${receiptDetails.nameAddressOfSupplier}</textarea>\n    </div>\n\n    <div class="form-group">\n        <label class="claim-label" for="purchaseDetails" id="purchase-details-label">\n            [@spring.message "receipts-upload.purchase.details.label.text"/]\n        </label>\n        <textarea class="govuk-textarea" id="purchaseDetails" name="purchaseDetails">${receiptDetails.purchaseDetails}</textarea>\n    </div>\n\n    <div class="custom-form-group">\n        <label class="claim-label" for="amount" id="amount-label">\n            [@spring.message "receipts-upload.amount.label.text"/]\n        </label>\n        <div class="currency-input">\n            <div class="currency-input__denomination">\xc2\xa3</div>\n            <input class="currency-input__field …