html file 修改按钮字,如何重命名输入type = file的HTML“浏览”按钮？

如何重命名输入type = file的HTML“浏览”按钮？

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

coderex asked 2020-08-11T09:18:18Z

10个解决方案

30 votes

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://JS fiddle.net/J8EKG/]

Payam Shoeibi answered 2020-08-11T09:18:48Z

23 votes

该按钮不称为“浏览按钮”，而只是浏览器为其指定的名称。 浏览器可以随意实现自己喜欢的文件上传控制。 例如，在Safari中，它被称为“选择文件”，并且位于可能使用的任何内容的另一侧。

您可以使用QuirksMode上概述的技术为上传控件实现自定义外观，但不仅限于更改按钮的文本。

Chuck answered 2020-08-11T09:18:28Z

7 votes

<