文件输入字段替换

时间:2010-06-20 12:48:59

标签: file forms button input field

<input type="file" />

我可以用一个简单的按钮替换文件输入字段(上面):

<button type="submit">Upload</button>

文件输入不适合设计,如果它可以使用按钮代替文件上传,那么它的样式很难,那也是跨浏览器兼容的,这太棒了!

谢谢!

2 个答案:

答案 0 :(得分:2)

1-您无法使用按钮调用打开的对话框,只需使用输入文件字段或使用闪存组件显示对话框。

2-您可以通过将输入文件放在“使用CSS”按钮上并将此输入文件设置为透明来解决此问题,因此看起来用户正在点击按钮,但事实上他正在点击透明输入文件。

示例: http://www.quirksmode.org/dom/inputfile.html

答案 1 :(得分:0)

您可以使用CSS和DOM设置输入类型文件

的样式

请参阅此page