こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

formの使い方について

PHP初心者で現在勉強中のものです。
formの中にactionってありますよね?あれのことでよくわからないことがあり質問させていただきました。

今現在、PHPとMysqlにて簡易画像アップロード掲示板のようなものを作ろうと考えています。内容はいたって簡単で、テキストボックスに名前を打ち、画像を参照から選びアップロードして、名前と画像のパスをデータベースへ保存というものを考えています。

そこで、ふと不思議に思ったのですが、formの中にformは書けるのでしょうか?画像をアップするformとテキストを書き込むformが必要になると思うのですが?(この場合、テキストformとアップformですか)
二つの独立した送信ボタンを作成することは簡単だと思うのですが、二つ同時に送信ということがどうにもできず、行き詰っているので質問させていただきました



正直、プログラミングある程度知っている方にはこの程度って思われる質問だと思います。というか当方の理解不足は自覚していますが、インターネットで調べてもよくわからなかったです。よろしくお願いします

投稿日時 - 2011-11-20 16:45:35

QNo.7144409

すぐに回答ほしいです

質問者が選んだベストアンサー

こういうことかしら・・・?
一つのformに、複数のinputを内包できますよ。
その場合、submitを押せば複数のinput内容がaction先に飛ばされます。

/* SAMPLEここから */

<form action="NanTara.php" method="post">
<input type="file" name="UnTara" />
<input type="text" name="KanTara" />
<input type="submit" value="HonTara" />
</form>

/* SAMPLEここまで */
MethodをGETにして、複数のinput並べてSubmitすると、複数の内容が飛んで行くのがわかると思います。
(アドレスバーに「?うんたら=内容&かんたら=内容」っていうのがくっつくはず。)

もし、複数のactionに、ひとつの動作で飛ばす場合はJavaScriptを使うことになります。
document.FORM.submit();
FORMの部分はformオブジェクトを指定してください。
簡易的には、これを複数並べた関数をつくって、buttonやaタグなどのonclickイベントハンドラに指定してあげればよいわけです。

/* サンプルここから */
<script type="text/javascript">
function test(){
document.piyo.submit();
document.puyo.submit();
}
</script>

<form action="NanTara.php" method="post" name="piyo">
<input type="file" name="UnTara" />
</form>

<form action="NunTara.php" method="post" name="puyo">
<input type="text" name="KanTara" />
</form>
<input type="button" onclick="test()" value="Submit" />

/* サンプルここまで */

もし上記のような内容でなければすいませんm(_ _)m

投稿日時 - 2011-11-20 17:26:13

お礼

ありがとうございます!無事成功しました

投稿日時 - 2011-11-21 15:58:17

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(3)

ANo.3

ANo.1さんに補足(汗

type属性が"file"のinput要素がある場合には、form要素のenctype属性に"multipart/form-data"を指定してください。

(e.g.)
<form name="form1" method="post" action="test.php" enctype="multipart/form-data">


(以下蛇足)
なお、

>インターネットで調べてもよくわからなかったです。

phpではなくhtmlのform要素の話なので、htmlについて調べればすぐにわかったのではないでしょうか。htmlやcssはphpでのプログラミング以前に覚えておくべきことです。

投稿日時 - 2011-11-21 09:11:56

お礼

ご返答ありがとうございます。現在、htmlとcssも同時進行で勉強中です

投稿日時 - 2011-11-21 15:57:40

ANo.2

あ・・・

JavaScript部分に関しては、まともな検証してないので動かない環境あるス。
こんな感じでJavaScriptからもSubmitできるんだじょ、っていう感じで見てもらえれば幸いです・・・。

投稿日時 - 2011-11-20 19:37:58

あなたにオススメの質問