Html how to change the choose file

Question

how can I change (choose file) when I use (input type="file"

Answer 1

to make really simple, even if it's a bit dirty using a one file solution :

<input type="file" id="getFile" style="display: hidden">
<button onclick="document.getElementById('getFile').click()"> Your Label Here </button>

Answer 2

I think you can't do with standard input. unless some custom buttons and js. may be with bootstrap.
https://mdbootstrap.com/components/bootstrap-file-input/

Answer 3

https://code.sololearn.com/Wfqu1gF9yngC/?ref=app

Answer 4

🌴Vincent Berger🌴 this is not the question.

Answer 5

<input type="file" accept="text/pdf" />

<input type="file" accept="application/exe" />

Additional you can add required to the end of the input tag, that makes the input mandotary before submitting

Answer 6

A simple hack exists by hiding your button with css, then, create another one, which contains the label you want. Next, affect to the onclick event of the button, the function click of your hidden element

Answer 7

how can I do it with css
can you give me example for it

Answer 8

thank for question

Answer 9

It's changed with me
thanks "roneel" and "xavier"