可以't在safari中启用html输入字段

Can't enable html input fields in safari

本文关键字：启用 html 输入 字段 safari 可以      更新时间：2023-09-26

点击此处。从下面给定结构中的html元素开始，由于某种奇怪的原因，safari无法启用所有输入元素。它只启用第一个。可能是什么虫子？

<fieldset disabled><div>
    <div><fieldset disabled>
        <input type="text" disabled>
    </fieldset></div>
    <div><fieldset disabled>
        <input type="text" disabled>
    </fieldset></div>
</div></fieldset>

此处为Javascript：

$('fieldset').prop('disabled',false);
$("input").prop('disabled',false);

要使Safari正确启用所有输入，您应该从内到外启用所有字段集，因此嵌套的字段集首先：

const fieldsets = document.getElementsByTagName('fieldset');
Array.from(fieldsets).reverse().forEach(fieldset => fieldset.disabled = false);

用一些额外的字段集用例来完成代码笔。

这是在Safari 13.0上测试的。这绝对是一个错误，我会向苹果报告的。

相关文章：