Question

这是我的代码：

＆＃13;

 <label for="uploadFile" class="custom-uploadFile">
    <i class="fa fa-cloud-upload"></i> UPLOAD ID 
  </label>
  <input class="form-control input-lg"  name="picture" id="uploadFile" type="file" style="display:none;" required>

＆＃13;

我想要上传这个字段，但输入是隐藏的。我必须使用一些JavaScript或什么来解决这个问题，因为我看了很多tuto但不工作！谢谢

Answer 1

如果要查看所需的消息，可以使用不透明度隐藏输入。

＆＃13;

#uploadFile {
  opacity: 0;
  width: 0;
}

＆＃13;

<form>
<label for="uploadFile">Upload label</label>

<input name="picture" id="uploadFile" type="file" required>
    				
<input  name="submit" type="submit">
</form>

＆＃13;

您还可以通过将输入放在标签之前并使用float来将验证消息放在标签上。

＆＃13;

#uploadFile {
  opacity: 0;
  width: 0;
  float: left;
}

＆＃13;

<form>
<input name="picture" id="uploadFile" type="file" required>

<label for="uploadFile">Upload label</label>
				
<input  name="submit" type="submit">
</form>

＆＃13;

Answer 2

但是我认为这是一种不错的方法，我还添加了

pointer-events: none;

输入。因此，用户无法单击它，并且光标在悬停时也不会改变。

需要隐藏字段

2 个答案: