ファイルをアップロードするための HTML フォームの「参照」ボタンを変更する方法
|
コードをコピー コードは次のとおりです。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <ヘッド> <meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=utf-8"> <meta name="generator" content="PSPad エディター、www.pspad.com"> <タイトル></タイトル> </head> <本文> <スタイル> 入力{境界線:1px実線 #000;} .clear{clear:both;} .ehdel_upload_show 入力{float:left; margin-top:10px;} .ehdel_upload{float:left;margin-top:-20px; *margin-top:-40px; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;} </style> <form method="post" action="" enctype="multipart/form-data"> <div class="ehdel_upload_show"> <input id="ehdel_upload_text" type="text" name="txt" /> <input id="ehdel_upload_btn" type="image" src="upload/2022/web/link_popup.gif" value="ファイルを選択してください" /> </div> <div class="clear"></div> <input type="file" onchange="ehdel_upload_text.value=this.value" class="ehdel_upload" /> </フォーム> </本文> </html> |
<<: Webデザインチュートリアル（5）：Webビジュアルデザイン
推薦する
dockerにros2をインストールするための詳細な手順
目次メイントピック1. UbuntuにDockerをインストールする2. DockerにROS2-F...
HTML メタタグの小さなコレクション
<Head>……</head> は <HTML> のファイル ヘ...
GZIP 圧縮 Tomcat と Web パフォーマンスの改善プロセス図
1. はじめに最近、あるプロジェクトに取り組んでいたのですが、サーバーからクライアントに返される J...
JavaScript の parseInt() の魔法についての簡単な説明
原因このブログを書いた理由は、今日Leetcodeの日課問題をやっていたからです。文字列を整数(at...
Vueでデータ例を定義する方法
序文開発プロセスにおいて、変数の定義は非常に頻繁かつ基本的なタスクです。変数の使用シナリオと範囲に応...
LinuxのCPU負荷とCPU使用率の詳細な説明
CPU 負荷と CPU 使用率これらは両方とも、ある程度、マシンの忙しさを反映できます。 CPU 使...
Linux で nohup ログ出力が大きすぎる問題の解決方法の詳細な説明
最近、hadoop テスト クラスターで spark ストリーミング プログラムを実行し、その後、n...
Ubuntu でホームディレクトリを新しいパーティションに移行する詳細なチュートリアル
ユーザーのホーム ディレクトリがどんどん大きくなってきたら、ホーム ディレクトリを新しいパーティショ...
Linux での Docker のインストールと展開の例
以下の記事を読んだ後、プロジェクトをサーバーにデプロイできます。Tomcat、JDK、MySQL な...
YUM を使用して Linux (CentOS 7) に MySQL 5.7.18 をインストールする方法の詳細なチュートリアル
このプロジェクトでは MySQL を使用する必要があります。これまで Windows では常に確実に...
nginx 用の zabbix 5.0 をインストールして展開する方法
目次実験環境インストールと展開データベースをインストールして設定します (ここでは mariadb ...
WebApi を使用して複数のサーバーを展開し、Nginx ロード バランシングを構成するチュートリアル
01PARTCoreWebApiチュートリアルローカルデモ環境Visual Studio2019--...
JavaScriptはキュー構造プロセスを実現する
目次1. キューを理解する2. カプセル化キュー3. 太鼓をたたいて花を渡す場合1. キューを理解す...
Webstorm と Chrome を使用して Vue プロジェクトをデバッグする方法
目次序文1. 新しいVueプロジェクトを作成する2. WebStormの設定1. デバッガポートを設...
検証コードケースのjs実装
この記事の例では、検証コードを実装するためのjsの具体的なコードを参考までに共有しています。具体的な...