title: Is it good without label tag if I have a input type='file' but set it display none
body: <p>On my react code, I have a file upload input with a styled <code>&lt;button&gt;</code> tag and I set up one area so I can drag and drop the file as well. As the style is not the basic one, I set the <code>input</code> to <code>display=&quot;none&quot;</code> and don't have a label attached.</p>
  <p>As the input is display none, is it same as the input with hidden attribute?</p>
  <p>I found some post says hidden input can be without a label tag:</p>
  <blockquote>
  <p>Hidden inputs - Inputs with the type attribute value of hidden (e.g., type=&quot;hidden&quot;). These inputs are hidden and unavailable for user input. They therefore need no label.</p>
  </blockquote>
  <p>Is it a good practice a display none button without a label?</p>
  <p>My code structure is like:</p>
  <pre><code>&lt;input style={{ display: 'none' }} type=&quot;file&quot;/&gt;
  &lt;div 
      className=&quot;fileUpload&quot; 
      onDragEnter={handleOnDragEnter} 
      onDragLeave={handleOnDragLeave} 
      onDrop={handleOnDrop} 
      role=&quot;button&quot;
  &gt;
    &lt;p&gt;drag and drop file here&lt;/p&gt;
    &lt;p&gt;or&lt;/p&gt;
    &lt;button onClick={handleClickFileChosse}&gt;Choose File&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Input type is file and no label tag.</p>