主页 / 问题 / 600442
Accepted
Aliskin
Asked:2020-12-07 04:42:53 +0000 UTC2020-12-07 04:42:53 +0000 UTC

设置更改表单中文件选择按钮的输入名称

  • 772

选择要上传的文件的通常形式：

<form enctype="multipart/form-data" action="/fu.php" method="POST">
<input name="userfile" accept="image/*" type="file" />
<input type="submit" value=" Send ">
</form>

选择按钮显示“选择文件”。

档案选择表格

如何以标准方式更改此文本（如果有）？或者是否有必要以某种不同的方式解决这个问题（使图片成为表格等）？但是我想更改文本而不需要额外的花里胡哨。

问题已删除（？）解决方案在这里https://stackoverflow.com/questions/5138719/change-default-text-in-input-type-file，但我还没有测试过。

html

1 个回答

  1. Best Answer

    已解决：我从这里https://stackoverflow.com/questions/5138719/change-default-text-in-input-type-file复制了解决方案，并将其包含在正确的标签中。

    在 css 中我们写：

    #btn {
    padding-left: 5px;
    font-size: 14px;
    border: 1px solid #333;
    background: #ccc;
    color: #161;
    width: 70px;
    height: 19px;
}

    和形式：

    <form enctype="multipart/form-data" action="/fu.php" method="POST">
<div id="btn">
<label for="files">Мой текст</label>
</div>
<input id="files" style="visibility:hidden;" name="userfile" accept="image/*" type="file">
<input type="submit" value=" Send ">
</form>

    只有我在“我的文本”之前缺少一个空格 - （已解决！：padding-left：5px；在 css 中）。并且按钮本身需要向下移动一点，但这并不是那么重要。

    在此处输入图像描述

    #btn {
    padding-left: 5px;
    font-size: 14px;
    border: 1px solid #333;
    background: #ccc;
    color: #161;
    width: 70px;
    height: 19px;
}
    <form enctype="multipart/form-data" action="/fu.php" method="POST">
<div id="btn">
<label for="files">Мой текст</label>
</div>
<input id="files" style="visibility:hidden;" name="userfile" accept="image/*" type="file">
<input type="submit" value=" Send ">
</form>

    • 1

相关问题