HTML5要求隐藏文件字段-反馈位置

HTML5 required hidden file field - feedback location

本文关键字：位置 字段 隐藏文件 HTML5      更新时间：2023-09-26

我有一个隐藏的文件字段，通过按钮和文本字段进行样式设置：

<input class="form-control" disabled="true" id="qsd_filename" placeholder="Upload a file to submit. Limit: 512 kb" type="text">
<input id="qsd_upload" name="dr[etq[]][eta][file]" required="required" type="file">
<span class="input-group-btn right-btn">
    <a class="btn btn-primary left-btn browse-button" id="qsd_link">Browse</a>
</span>

当链接触发隐藏上传时，我拥有的javascript（有效）将更改文件名文本字段。

我的问题是"必需"的部分。如果我需要隐藏的文件字段，它会阻止按需提交，但它会在屏幕左上角创建反馈。如果我将文本字段设为必填项，则它将不起任何作用。

如何获取隐藏的文件字段以使其附近有反馈？

虽然不完美，但答案很好（多亏了@MVP），只是将文件字段样式更改为：

visibility: hidden 
height: 0;
width: 0;

这样做的缺点是反馈不是完全在正确的位置，但它更接近。

相关文章：