html文件如何重命名,如何重命名的INPUT TYPE =文件的HTML“浏览”按钮？(How to rename HTM...

如何重命名浏览按钮“ 选择文件 ”？ 例如：

Answer 1:

按钮不叫“浏览按钮” - 这只是你的浏览器给出了它的名字。 浏览器可以自由地实现文件上传控件但是他们喜欢。 在Safari中，例如，这就是所谓的“选择文件”，它是在任何的你可能使用相反的一侧。

您可以实现自定义外观使用上传控件概述了怪异模式的技术 ，但超越只是改变了按钮的文本。

Answer 2:

function HandleBrowseClick()

{

var fileinput = document.getElementById("browse");

fileinput.click();

}

function Handlechange()

{

var fileinput = document.getElementById("browse");

var textinput = document.getElementById("filename");

textinput.value = fileinput.value;

}

http://jsfiddle.net/J8ekg/

Answer 3:

JavaScript的一个位将照顾它：

function HandleBrowseClick()

{

var fileinput = document.getElementById("browse");

fileinput.click();

var textinput = document.getElementById("filename");

textinput.value = fileinput.value;

}

不是最好的解决方案看，但它的工作原理。

Answer 4:

包裹与标签;

添加标签(与你所需要的文本)标签里面，就像一个或 ;

使这个标签看起来像一个按钮;

使input[type="file"]通过隐形display: none 。

Answer 5:

你可以用一个简单的CSS / JQ解决方法做到这一点：创建一个假的按钮，这触发了隐藏在浏览按钮。

HTML

Open

CSS

input { display: none }

jQuery的

$( 'button' ).click( function(e) {

e.preventDefault(); // prevents submitting

$( 'input' ).trigger( 'click' );

} );

演示

Answer 6:

输入类型=“文件”字段是非常棘手的，因为它表现不同上每一个浏览器，不能病急乱投医，或可样式一点，这取决于再次浏览器; 而且也很难调整(取决于浏览器再次，它可能无法覆盖的最小尺寸)。

有解决办法，但。 最好的是在我看来， 这一个 (结果是这里 )。

Answer 7:

据我所知，你不能改变按钮上的文字，它是在浏览器中的硬编码。

但也有一些变通方法把一个按钮，diferent文字/图像的形式：

链接

Answer 8:

这里是最好的，简单的，短的，清洁的方式来“重命名”与文件类型和不JQuery的一个输入的文本，用纯HTML和javascript：

*The text you want*

Answer 9:

不，你不能改变的文件上传输入的文本。 但也有一些技巧，在按钮上叠加图像。

Answer 10:

你也可以使用Uploadify，这是一个伟大的jQuery插件上传，它让你上传多个文件，也容易在样式文件中的字段。 http://www.uploadify.com

文章来源: How to rename HTML “browse” button of an input type=file?