输入文件类型

问题描述:

在许多html教程中,它们显示输入文件类型和结果是一个按钮选择文件类型,当你点击它时弹出对话框从硬盘选择文件,但是当我运行相同的代码时,我得到与侧面说browse.I按钮上的文本输入框中输入想要获得相同的结果怎么做呢?下面是代码输入文件类型

enter code here <input type="file" id="flupload" name="fileupload/> 
+1

您可以链接到其中的一个教程,以便我们知道您想要实现的目标是什么? – 2011-03-22 02:34:26

+0

告诉我们指向教程的链接或提供一些截图。 – 2011-03-22 02:35:39

+0

如果您在Google chrome中试用此功能,您将无法获得文本框。 – 2011-03-22 02:36:28

每一个浏览器都有自己的文件输入元素的风格。带有“浏览”按钮的文本框是您选择的浏览器正在使用的样式。你不能改变这一点。

file inputs

+0

+1虽然这是真的,但你不能改变它,你可以用自己的方式替换它(或使用一个使用Flash)。 – alex 2011-03-22 02:36:50

+0

你可以使它看不见,并把它放在你自己制作的按钮上。我已经做了几次,让设计师感到高兴。 – 2011-03-22 02:38:24

+1

是的,你可以绕过它,但这违反了用户的期望和可能的可访问性,如果你做错了。为网络设计你首先需要克服一切与每个人看起来完全相同的想法。 – deceze 2011-03-22 02:40:26

文件输入型的显示取决于你的浏览器,以便让对方显示你将不得不切换浏览器。

这很容易使用一个小小的CSS ...只需使真正的文件输入元素完全不透明,然后将其定位在虚拟顶部。不过,可能需要一些JS来制作悬停。

这里有一些教程: http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom http://www.quirksmode.org/dom/inputfile.html

希望那些帮助!

+0

谢谢你的教程 – katie 2011-03-22 05:41:25