WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:submitボタンを横並びにする

0:[投稿] ありゃ [2002/06/30 16:12 ][環境:WIN+IE UNIX系+C]

1つのフォームに対して、submitボタンをつくり、表示させると
ある入力フォームの下にsubmitボタン(例えば、送信)ができますが、さらに、もうひとつのフォームを作成し、(それにたいしては
hiddenでデータを渡す為、入力フォームは表示しません)そのsubmitボタン(例えば、送信2)を最初のsubmitボタンの横に
表示させたいのですが、どうすれば良いでしょうか、
何もしないと、上下にボタンが表示されてしまいます。
ちなみに最初のフォームの中にはTABLEが存在します。

<HTML>
<BODY>

<FORM ACTION='AAA.html' METHOD="post">
<TABLE border="1">
<TR>
<TD>AAA</TD>
<TD><input type="text" size=30></TD>
</TR>
<TR>
<TD>BBB</TD>
<TD><input type="text" size=30></TD>
</TR>
</TABLE>
<INPUT TYPE=submit name="aaa" value="送信1">
</FORM>
</TD>
<TD>
<FORM ACTION='BBB.html' METHOD="post">
<input type="hidden" name="ccc" value"1">
<INPUT TYPE=submit name="bbb" value="送信2">
</FORM>

</BODY>
</HTML>



1:[回答] R.M [2002/06/30 23:15 ]

1. JavaScriptを使う
JavaScriptを使って、最初のフォームの中に
<input type="button" value="送信2" onClick="document.forms[1].submit()">
を挿入

2. スタイルシートで無理矢理並べる

3. データを渡す先のスクリプトを変更する
サブミットボタンに名前が設定されていればどのボタンが押されたのかは判別できます
スクリプトの中で処理を分岐すれば...


2:[回答] 通りがけ。 [2002/06/30 23:50 ]

スタイルシートで、

form {
 display: inline;
 margin: 0;
 padding: 0;
}

と記述して、空白類文字を無くしたら上手くいくかなと思って試してみたら、
WinIE6、Opera6 では出来たけど、
Netscape 6/Mozilla では、デフォルトスタイルで 「display: block」 に固定されているので無理でした。

Mozilla は、フォーム関連要素のデフォルトスタイルを固定にしている部分が多い。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World