Question

您好我目前有自定义2按钮，名为浏览和导入。我还有一个输入类型作为文本。我的问题是如何浏览和选择记录并放入输入类型文本

请告知

<input type="button" id="btnBrowse" value="Browse" onclick="document.getElementById('fileID').click(); return false" style="height:31px; font-size:14px; background-color:#3399FF" class="k-button" />
       <input type="submit" id="btnSubmit" value="Import" style="height:31px; font-size:14px; background-color:#3399FF" class="k-button" />
       <input type="text" id="fileName" class="file_input_textbox" readonly="readonly">

Answer 1

但是，您可以自定义几乎任何其他html元素。这是一个完整的解决方案：

<input id="btn" type="file" style="display:none;" onchange="document.getElementById('file').value=this.value.substring(this.value.lastIndexOf('\\')+1);">

<input id="file" type="text" style="width:200px;">

<input type="button" onclick="document.getElementById('btn').click();" value="click me" />

Answer 2

当然你可以设置文件输入按钮的样式。在SO上已经覆盖了这个，一遍又一遍。例如，Labeling file upload button。

Answer 3

你可以使用

<input type="file"/>

自定义浏览按钮上传文件

3 个答案: