Paper Clip option in my leave application form to attach the files

Question

I want to give an options

<input id="file" name="file" type="file" />

paper clip to upload files like image, pdf, doc ... like how we attache in Gmail and WhatsApp like that option I want to give in my leave application form

Instead of choose files, I want option paper clip like thispaper clip option

Have you tried anything at all or are you just asking us to do it all for you? Please read [How to create a Minimal, Reproducible Example](https://stackoverflow.com/help/minimal-reproducible-example) and [How do I ask a good question?](https://stackoverflow.com/help/how-to-ask) and edit your question accordingly. — M. Eriksson, Feb 25 '20 at 06:35
Does this answer your question? [How to customize ?](https://stackoverflow.com/questions/5813344/how-to-customize-input-type-file) — Maximouse, Feb 25 '20 at 08:11

score 1 · Accepted Answer · edited Feb 25 '20 at 06:49

1

Check the below snippet using font awesome.

.fa {
 font-size: 40px!important;
 color: grey;
 cursor: pointer;
}

<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<label for="file">
 <i class="fa fa-paperclip"></i>
</label>
<input id="file" name="file" type="file" multiple hidden />

edited Feb 25 '20 at 06:49

Devang

454
1
8
18

answered Feb 25 '20 at 06:33

Akhil Aravind

5,741
16
35

@thejashwinil yes we can, just add `multiple` attribute to the input. Can you please mark as accepted if the answer helped you :) – Akhil Aravind Feb 25 '20 at 06:38
@thejashwinil because of this answer, I got down voted. So either you accept this answer as correct answer or I have to remove this – Akhil Aravind Feb 25 '20 at 06:40
@thejashwinil there will be a tick mark against my answer, click on that – Akhil Aravind Feb 25 '20 at 06:43
I accepted. i tried i got popup msg like you "can accept the answer within one min" like that – thejashwini l Feb 25 '20 at 06:45
@thejashwinil thanks for accepting the answer, you can ping me when ever needed :) – Akhil Aravind Feb 25 '20 at 06:46
Hi @Akhil Aravind I just want to ask another question but I can't ask in this how can I contact you ?? – thejashwini l Feb 27 '20 at 10:24
@thejashwinil you can get my contact info from my SO profile and PM me on mail – Akhil Aravind Feb 27 '20 at 10:25
I sent you mail plzz check – thejashwini l Feb 27 '20 at 10:32

Paper Clip option in my leave application form to attach the files

1 Answers1