input file 如何更改默认文字，input是HTML里面的重要标签，file则是其属性，那么file实际上是让用户可以上传文件功能，但是要提示用户，就要显示文字，实际文字有很多种，我们也可以修改自己想要的文字。工具/原料moresublimet text 3chrome浏览器windows 7方法/步骤1/7分步阅读

打开编辑器，创建一个HTML文档，并且设立基本架构。

2/7

form

input type=file

/form

我们引入input标签的时候，会发现浏览器会自动显示文字，这是默认的名字。

3/7

input type=button value=上传点这里 onclick=javascript:$(input).click(); /

input name=fileName readonly /

input type=file onchange=javascript:$(input).val(this.files.name); /

我们这里实际可以另外创建一个button和file，利用js的功能。

但是这里就多了一个旧的功能了。

4/7

style=display: none;

这个时候我们需要加入这个样式来取消掉旧的显示。

5/7

当然我们也可以用CSS来指定样式，这里新建一个CSS文档，并与HTML文档相关联。

6/7

form class=main

input class=file type=file

a href=#上传图片/a

/form

.main{

overflow:hidden;

position:absolute

}

.file{

position:absolute;

z-index:200;

margin-left:-200px;

opacity:0;

filter:alpha(opacity=0);

margin-top:-50px;

}

这里我们添加一个a链接，然后就可以依靠这个a链接来上次文件，主要要清除掉原来的文字。

7/7

a {

text-decoration:none;

border: 0.5px solid blue;

}

为了更接近原来的样式，我们可以修改一下a链接的样式。

注意事项

不同的浏览器显示的默认文字是不一样的

INPUTFILE文字按钮HTML