javascript - <按钮> 在 IE 11 中不起作用

Question

我正在使用 Bootstrap markdown editor .当我们启用文件上传功能时，它会生成以下输出，这会产生一个按钮。当用户点击按钮时，文件上传框打开。

<button title="Uplaod image" 
         class="btn btn-sm btn-default md-btn-file" 
         style="border: 1px solid red; border-image: none;" 
         type="button" data-mdtooltip="tooltip">

      <span class="glyphicon glyphicon-upload"></span>
    <input class="md-input-upload" type="file" accept=".jpg,.jpeg,.png,.gif" multiple="">
 </button>

问题是此功能在 IE 11 中不起作用。单击按钮不会打开 IE 11。此功能在 chrome 中工作正常。

如果我删除生成到 div 的代码。单击按钮后，我会看到文件上传对话框。

<div title="Uplaod image" 
             class="btn btn-sm btn-default md-btn-file" 
             style="border: 1px solid red; border-image: none;" 
             data-mdtooltip="tooltip">

          <span class="glyphicon glyphicon-upload"></span>
        <input class="md-input-upload" type="file" accept=".jpg,.jpeg,.png,.gif" multiple="">
     </div>

我有两个问题:

1. 按钮标签不能很好地与 IE 11 配合使用是否是一个已知问题？是否有任何解决方法？
2. 是否可以在呈现后使用 jquery/javascript 找到此按钮标签，然后将其替换为 DIV 标签？

Answer 1

HTML 规范禁止放置 <input>在 <button> 里面.

这样做也没有意义。

文件输入生成自己的按钮以供点击。

Content model:
Phrasing content, but there must be no interactive content descendant.

(输入元素是交互式内容)

source