jsで入力ファイルのラベルスタイルを変更する方法

ファイルをアップロードするプロセスでは、通常、input file タグを使用する必要がありますが、デフォルトのフォーム要素の外観が醜いため、今日アップロードしたときにもこの問題が発生しました。それは私の周りの他のものとは異なり、フォーム要素が完全に場違いでした。そこで、さらに詳しく知りたいと思い、比較的簡単な方法を見つけました。実際、ラベル label を入力ラベルにバインドし、入力ラベルを非表示にし、ラベル label またはラベル内のラベルのスタイルを設定するのは非常に簡単です。 :

<form action="" method="" enctype=&#39;multipart/form-data&#39;>
   <label for=&#39;my_file&#39; class=&#39;inputlabelBox&#39;>
           <p class="inputBox">点击上传文件</p>
    </label>
    <input type="file" name="myfile" id=&#39;my_file&#39; style="display:none;" />
</form>
<img src="" id="img" width="300" />

関連推奨事項:

jsで入力ファイルのコンテンツコードをクリア アップロードファイル

入力ファイルアップロード 画像プレビュー関数サンプルコード

入力ファイル ファイルのルートディレクトリを取得する簡単な実装_PHPチュートリアル

以上がjsで入力ファイルのラベルスタイルを変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。