Input Type=File 要素のテキストフィールドを非表示にする方法

入力タイプ = ファイル要素のテキスト フィールドを非表示にする

質問:

どうすればよいですかinput type=file 要素をスタイルまたはスクリプトして、テキスト フィールドなしで「参照」ボタンのみを表示しますか?

回答:

目的の効果を実現するには、次の HTML および JavaScript コードを利用できます:

<input type="file">

このコードでは、id selectedFile を持つ input type=file 要素は、>

「Browse...」を使用してビューから非表示になります。 「」ボタンをクリックすると、非表示の input type=file 要素で click() イベントがトリガーされ、ユーザーは通常どおりファイルを選択できるようになります。このアプローチにより、input type=file 要素の機能を維持しながらテキスト フィールドを非表示にすることができます。

このソリューションが広く使用されており、さまざまなプロジェクトで成功していることが証明されていることは注目に値します。

以上がInput Type=File 要素のテキストフィールドを非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。