submitを押したあとsubmitを見えないようにする

Question

###質問内容
サブミットボタンをクリックすると、入力フォームが現れるという流れのことをやってみています。
とりあえずボタン→フォーム出現まではできるのですが、、、

ボタンをクリックしたらフォームは出るけどボタンは消えてくれたほうが、わかりやすいなと思ったのですが、どうもうまく行かないので、アドバイスをお願いいたします。

###コード

<form action="" method="POST">
<input type="submit" name="test" value="フォーム">
</form>
<?php if(filter_input(INPUT_POST, 'test')) { form(); } ?>

上記が正しい書き方かどうかは、今回は置いておいてください。。。

一応、検索してみたら下記のコードがありました

function disableSubmit(form) {
var elements = form.elements;
for (var i = 0; i < elements.length; i++) {
if (elements[i].type == 'submit') {
elements[i].disabled = true;
}}}

これを、<form action="" method="POST" onclick="disableSubmit(this)">とすると、disabledにはなりましたが、formが現れません。
<form action="" method="POST" onsubmit="disableSubmit(this)">だと、disabledにもなりませんでした。

###最後に
Javascriptなどは初心者の為、イマイチ理解しきれておりません。。。
たぶん、「クリックしたらdisableにするよ」だけで、サブミットするよになってないから？かなと思ったのですが、それをどのようにするとできるのかがわかっておりません。
初歩的な質問ですが、よろしくお願いいたします。

###追記編集

function noneSubmit() {
"use strict";
var btn_area = document.getElementById('btn_area');
btn_area.style.display = "none";
}

と書いてみて、、、

<form action="" method="POST" onclick="noneSubmit();">
<div id="btn_area">
<input type="submit" name="test" value="送信">
</div>
</form>

としてみました。
確かにクリック時は消えております。。。が、その後別のformを呼び出す際にリロードしたようになるので、クリックしたことが０となり、再表示されます。

当然と言えば当然なのですが、、、このあたりの解決策はありますでしょうか？

###解決です

<form action="" method="POST">
<?php if (!isset($_POST['test'])) : ?>
<input type="submit" name="test" value="送信">
<?php endif; ?>
</form>
<?php if (isset($_POST['test'])) { // Formを表示(); } ?>

上記のようにJavascriptは使用せず、POSTの有無で表示非表示することができ、submitもできたので、その下の別のFormも表示されました！
ありがとうございました！

Answer 1

ボタンを div で囲って css で消すのはどうですか?

btn_area = document.getElementById('btn_div_id');
btn_area.style.display = "none";

みたいな感じで
--- 追記 ---
ひょっとしてこういう書き方の方がいいのかな。

<form action="" method="POST">
<?php if (! isset($_POST['test'])): ?>
<input type="submit" name="test" value="フォーム">
<?php endif; ?>
</form>

Comments

[Z-TALBO]

回答ありがとうございます。
消えるのは消えるのですが、フォームの表示の際にどうしてもリロードかかったようになって再表示されてしまいます。。。

[takasima20]

追記しましたが…
これだとsubmitできないですよねえ?
ひょっとて別のボタンが現れるのかな。

[Z-TALBO]

いえ！いけました！