Why ReactJs htmlFor not hidding input field

Question

that react htmlFor isn't hidding input field with label. Maybe someone could tell me, what I am doing wrong?

My code:

<input name="tes" id="tes" type="file" className="inputfile" />
             <label htmlFor="tes">
                 <span>Upload</span>
             </label>

Why would htmlFor hide anything? What is it you expect to happen? — Javid Asgarov, Oct 16 '18 at 14:45

Jakob · Accepted Answer · 2018-10-16T15:17:15.553

0

EDIT

You told me in comments, you want to hide the input tag. Just add the attribute style="display:none" to your input tag.

Like this:

 <input name="tes" id="tes" type="file" className="inputfile" style="display:none"/>

edited Oct 16 '18 at 15:17

answered Oct 16 '18 at 14:29

Jakob

1,858
2
15
26

I am using it in react. It is htmlFor there. – PrEto Oct 16 '18 at 14:33
Yes. But it returns input field and label. I want to return only label. – PrEto Oct 16 '18 at 14:38
what do you mean? – PrEto Oct 16 '18 at 14:42
Delete from your code. Then it isn't shown. – Jakob Oct 16 '18 at 14:43
If you only want to hide it, look at my edited answer. – Jakob Oct 16 '18 at 14:45
I am glad that I could help :) – Jakob Oct 16 '18 at 14:49

Why ReactJs htmlFor not hidding input field

1 Answers1