html中的“ value”属性为空和根本没有value属性之间有什么区别吗？

Question

以下内容之间有什么区别吗？

<input value/>
<input value=""/>
<input />

Answer 1

是的，有区别，但只有两个首尾之间： 从规格

请注意，空属性语法与将空字符串指定为属性值完全等效。

JS明智的选择：前两个将使getAttribute返回一个空字符串，而后一个将返回null 。
对于所有3， value属性将是一个空字符串。

在CSS方面， input[value]仅匹配2个first。

 var inp = document.querySelectorAll('input'), attr; for (var i = 0; i < inp.length; i++) { attr = inp[i].getAttribute('value') console.log(i, 'attr:', '[' + typeof attr + '] ' + attr, 'val:', '[' + typeof inp[i].value + '] ', inp[i].value); } 

 input[value] { background: red; } 

 <input value/> <input value="" /> <input> 

但是请注意，这仅用于<input>标记。
其他元素具有其他行为（例如MediaElement和controls属性）

 var vid = document.querySelectorAll('video'), attr; for (var i = 0; i < vid.length; i++) { attr = vid[i].getAttribute('controls') console.log(i, 'attr:', '[' + typeof attr + '] ' + attr, 'val:', '[' + typeof vid[i].controls + '] ', vid[i].controls); } 

 <video controls></video> <video controls=""></video> <video controls="true"></video> <video controls="false"></video>