为什么DIV不遵循父母的属性

Question

考虑这段剪辑代码

<fieldset id="fieldset">
    <input id="first" />
    <div id="second" />
</fieldset>

和

$('#fieldset').attr('disabled', 'disabled')
console.log($('#first').is(':disabled'))
console.log($('#second').is(':disabled'))

，输出

true
false

我注意到输入标记遵循父级的属性，而且我认为所有包含小部件的标记都会跟随，但是其他标记如div，a，span或..不会。

为什么？

如果我想让div元素跟在父元素的属性下，我该怎么办？

Answer 1

specification说：

  

如果设置了disabled属性，或者如果它是设置了disabled属性且不是该fieldset元素的第一个图例元素子元素（如果有）的后代的fieldset元素的后代，则禁用表单控件。

div未被禁用，因为它不是表单控件。它不能被禁用，因为这样就没有意义。