我可以在按钮内放置输入文件标签吗？ [关闭]答案

【问题标题】：can i place an input file tag inside a button? [closed]我可以在按钮内放置输入文件标签吗？ [关闭]
【发布时间】：2013-07-12 08:36:37
【问题描述】：

我目前正在制作一个按钮来上传文件，但我不想使用默认输入[type=file]

这是我的 sn-p：

%button.btn
   Upload your own
   %input{ :type => "file", :class => 'file-input' }

这是css：

left: -34; // to align it with the button
top: -23;
position: relative;
opacity: 0;

目前它有效，我只是不确定标记。 twitter 在尝试上传个人资料照片时也具有相同的结构。

【问题讨论】：

【解决方案1】：

将输入文件按钮的不透明度设置为 0，并将其放置在样式按钮 div 上。

【讨论】：

这正是我正在做的，我只是想知道这是否是一个有效的标记
它是，另一种方法是让您的输入文件按钮绝对定位并且不在视线范围内，然后在按下假按钮时通过javascript单击您的输入文件按钮，两者都按预期工作。 @HarveyKatrina
我刚刚发现它是一个无效的标记，但我还能摆脱这个吗？
嗯，你能告诉我来源吗？我已经使用这种技术一段时间了，但不是实际的

【解决方案2】：

你为什么不直接使用：

<button type='file'>Content</button>

它的工作原理相同。

【讨论】：

【解决方案3】：

试试这个

Select a file: <input type="file" name="img">

更多详情Here

【讨论】：