ログイン機能をつけた、ユーザー自身がアップロードするサイトを作っています。
このようなフォームをボタンで追加したり削除したりするには普通、jsを使うと思いますが、phpのクラス
class form のようにして画像のようにフォームを増減させることはできますか?
もしできる場合、簡単なロジック(方針)を教えて下さい。
なお、フォームには
1.アップロードするファイルのタイトル
2.ファイルの説明
3.ファイル(アップロードするファイル名は私自身で、アップロード者、日付等をディレクトリやファイル名にして、セキュリティに配慮しています。)
の3つを入れたいです。
No.1ベストアンサー
- 回答日時:
単純にフォームをボタンで増やす場合の例
<button id="追加ボタンID">追加</button>
<div id="追加先要素ID"></div>
<script>
document.getElementById("追加ボタンID").onclick = function() {
document.getElementById("追加先要素ID").insertAdjacentHTML(
'beforeend', `
<form enctype="multipart/form-data" method="POST">
題名:<input type=text name=title>
概要:<input type=text name=desc>
中身:<input type=file name=file>
</form>
`);
};
</script>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP どうして送信されないのでしょうか? 1 2022/12/09 05:23
- YouTube ユーチューブへの動画投稿にサムネイルを付ける方法は? 1 2022/07/21 23:45
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- PHP アップロードファイルの数に応じてCSSを動的に変更したいのですが、方法がわかりません 3 2023/07/23 21:59
- PHP $filePath = './user_img/' . $file['name'];? 1 2022/12/10 07:29
- PHP ファイルアップロードに関してのセキュリティについてアドバイスお願い致します 1 2023/08/20 00:25
- PHP 画像ファイルの名前をそのままURLにする 3 2022/10/16 11:18
- その他(セキュリティ) PDFファイルのパスワード設定について 1 2022/06/25 10:10
- Google Drive Googleドライブについて 3 2023/08/06 12:19
- Google Drive グーグルドライブ、勝手に共有されるのを防ぐ方法や気をつけること 2 2023/07/29 21:47
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
onedrive にexcelファイルをア...
-
ftpでアップロードが出来ない
-
VBでクラウドストレージにア...
-
FTP接続の例外処理
-
one drive のアップロード失敗...
-
wixの使い方について
-
画面遷移させずに、選択画像フ...
-
お悩み相談です(※長文な上にか...
-
$_FILES['x']['error']について
-
unlinkでどうしてもファイルが...
-
CGI(掲示板)へPDFをアップしたい
-
ファイルのアップロードでパス...
-
画像ファイルの名前をそのままU...
-
FTPソフトでの複数フォルダへの...
-
ファイルアップロードの上限を...
-
ファイルアップロードの受信の仕方
-
ガラケーサイトで写真のアップ...
-
FTPコマンドでディレクトリごと...
-
バッチを用いたフォルダの自動移動
-
PHPのif文でその処理を途中で抜...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onedrive にexcelファイルをア...
-
ファイルアップロードの上限を...
-
one drive のアップロード失敗...
-
youtubeに音声のみのmp4ファイ...
-
ファイルをGET送信でアップロー...
-
ftpでアップロードが出来ない
-
PHPでxmlをAPIに送信する方法(P...
-
FTPClientで転送結果(OKかFAIL)
-
画像ファイルの名前をそのままU...
-
「クラウドにアップロード」」...
-
ファイルアップロードしたもの...
-
ファイルのアップロードでパス...
-
VBでクラウドストレージにア...
-
ファイルのアップロードで、フ...
-
お悩み相談です(※長文な上にか...
-
ファイルのアップロードで、
-
ファイルサイズがpost_max_size...
-
IE8で大きいファイルのアップロ...
-
DUMPした巨大SQLファイルをイン...
-
ファイルのアップロード処理を...
おすすめ情報