ＣＧＩプログラムでのボタン表示のさせかた

質問

print "<form action=\"$script\" method=\"POST\" target=\"_blank\">\n";
print "<input type=hidden name=mode value=note>\n";
print "<input type=hidden name=job value=blank>\n";
print "<input type=submit value="説明表'>"</form>\n";
print "<form action=\"$home\" method=\"POST\" target=\"_blank\">\n";
print "<input type=hidden name=mode value=_top>\n";
print "<input type=hidden name=job value=blank>\n";
print "<input type=submit value='トップ'></form>\n";

というＣＧＩプログラムの文章があるのですが、
上記の記述で実行すると、
「説明表」ボタンと、「トップ」ボタンが縦に並んで表示されてしまいます。

これを、横に表示させるようにするには、
どのように変更すばいいのでしょうか？

参考になるかわかりませんが、「説明表」をクリックして表示される文章は、
他のＣＧＩプログラムの中に記述されています。

回答No.4

smart600cc · ベストアンサー

#3の方の仰るとおりで、下記のようにすればいいと思います。
<form>と<td>のタグを注目してください。

print "<table>\n";
print "<tr>\n";
print "<form action=\"$script\" method=\"POST\" target=\"_blank\">\n";
print "<td>\n";
print "<input type=hidden name=mode value=note>\n";
print "<input type=hidden name=job value=blank>\n";
print "<input type=submit value='ご　利　用　方　法'>\n";
print "</td></form>\n";
print "<form action=\"$home\" method=\"POST\" target=\"_self\">\n";
print "<td>\n";
print "<input type=hidden name=mode value=_top>\n";
print "<input type=hidden name=job value=blank>\n";
print "<input type=submit value='ト ッ プ へ 戻 る'>\n";
print "</td></form></tr></table><hr width='450' size=1>\n";

回答No.3

nipotan

</form> (<form> の閉じタグ) は、"表示部" にあると、一行分改行してしまうという特性があります。なんでなんか知りませんが。

なので、一般的かどうかは別として、回避策としては <table> を書き、HTML 上での "表示部" を避けた箇所に </form> を書けば、一応、見た目は並んで表示されます。

例えば </td> のあとから、</tr> や <td> が出てくるまでの間は "表示部" とはみなされないので、その部分に </form> を書きます。
一応普段私はこの手を常用していますが、特に問題は発生していません。

ex)

print "<table border=1 cellpadding=0 cellspacing=0>\n";
print "<tr>\n";
print "<td><form action=\"$script\" method=\"POST\" target=\"_blank\">\n";
print "<input type=hidden name=mode value=note>\n";
print "<input type=hidden name=job value=blank>\n";
print "<input type=submit value='説明表'></td></form>\n";
print "<td><form action=\"$home\" method=\"POST\" target=\"_blank\">\n";
print "<input type=hidden name=mode value=_top>\n";
print "<input type=hidden name=job value=blank> \n";
print "<input type=submit value='トップ'></td></form>\n";
print "</table>\n";

補足

print <<"EOM";
<hr width="450" size=1>
EOM
print "<table>\n";
print "<tr>\n";
print "<td>\n";
print "<form action=\"$script\" method=\"POST\" target=\"_blank\">\n";
print "<input type=hidden name=mode value=note>\n";
print "<input type=hidden name=job value=blank>\n";
print "<input type=submit value=ご　利　用　方　法></form>\n";
print "</td><td>\n";
print "<form action=\"$home\" method=\"POST\" target=\"_self\">\n";
print "<input type=hidden name=mode value=_top>\n";
print "<input type=hidden name=job value=blank>\n";
print "<input type=submit value='ト ッ プ へ 戻 る'>\n";
print "</form></td></tr></table><hr width='450' size=1>\n";
print <<"EOM";
<table><tr><td>$sub_msg</td></tr></table>
EOM

皆さんに教えていただいた方法で、何とかちゃんと表示されるようになりました。

今度は、新たな問題が発生しまして、
表示されると、
---------------------------
　[ご利用方法][トップへ戻る]

----------------------------
というような感じで、
下に１行分空白が空いてしまいます。

これも、記述を変えると、
---------------------------
　[ご利用方法][トップへ戻る]
----------------------------
のように、なるのでしょうか？

何度も申し訳ありませんが、よろしくお願いします。

回答No.2

smart600cc

もともとのソースがおかしいですよ。

print "<input type=submit value="説明表'>"</form>\n";
を
print "<input type=submit value='説明表'></form>\n";
ですね。

補足

ごめんなさい。
そこは、エラーがでたので訂正してあります。
それでも、症状は変わりませんでした。

回答No.1

smart600cc

テーブル構造にすればいいのでは。

print "<table>\n";
print "<tr>\n";
print "<td>\n";
print "<form action=\"$script\" method=\"POST\" target=\"_blank\">\n";
print "<input type=hidden name=mode value=note>\n";
print "<input type=hidden name=job value=blank>\n";
print "<input type=submit value="説明表'>"</form>\n";
print "</td>\n";
print "<td>\n";
print "<form action=\"$home\" method=\"POST\" target=\"_blank\">\n";
print "<input type=hidden name=mode value=_top>\n";
print "<input type=hidden name=job value=blank>\n";
print "<input type=submit value='トップ'></form>\n";
print "</td>\n";
print "</tr>\n";
print "</table>\n";

補足

教えていただいた方法では、うまく表示されませんでした。
こうなってしまいます。（下記で１つのボタン）
説明・</form>
</td>
<td>
<form action="../index.html" method="POST" target="_blank">
<input type=hidden name=mode value=_top>
<input type=hidden name=job value=blank>
<input type=submit value=

文字数を２文字にすれば直ります。
（説明表を説明へ。トップは３文字だけど、ちゃんと表示されます）

これを、２文字以上表示させるには
何か方法はありますか？