Firefox和IE上未显示Html

我正在尝试创建拖放文件功能，我从下面的链接中引用了代码，但问题是我在Firefox和IE中看不到我的拖放元素。

Firefox Version i have: 57.0.2

Reference  Code Used: 

https://codepen.io/aaronvanston/pen/dpRkXO

---

解决方案

Living Standard(也称为当前版本的官方Web标准)规定<input>标记可以包含以下内容：无。

此类标记也称为"空标记"、"空元素"或"无效标记"。完整的列表可以在here找到。它们不能有任何内容，包括pseudo-elements。

我不知道Chrome为什么以及何时开始允许<input>上的内容，但根据《生活标准》，它不应该允许。因此，正常的行为是另外两个浏览器中的一个。

如果希望代码在所有浏览器中都能运行，则先决条件是具有有效的标记。

我还应该补充一点，原则上，即使一个浏览器当前比其他具有特定类型的无效性的浏览器更具容许性，一个体面的开发人员也不应该指望它能持续下去。除非标准更改，否则Chrome很快将不允许<input>%s上的内容。