異なるformのsubmitボタンを同一行に

配置する方法を教えてください。

<form>
<p><textarea></textarea></p>
<p><input type="text"/></p>
<input type="submit"/>
</form>
<form>
<input type="submit"/>
</form>

とすると２つのボタンは異なる行に配置されます。
改行されないで同一行に配置する方法は有るでしょうか?

No.1 ベストアンサー 回答者： yambejp 回答日時： 2006/02/26 17:06

formは段落要素をもっているので難しいでしょうね。

あえてやるならこんな感じでしょうか？

<form name="formA">
<input type="submit" value="SUBMIT A">
<input type="button" onClick="document.formB.submit()" value="SUBMIT B">
</form>
<form name="formB">
</form>

この回答へのお礼

ありがとうございます。
ＪａｖａＳｃｒｉｐｔは非対応のブラウザのことを考えて遣いたくなかったのです。

いろいろやっているうちに下記でできました。


<style type="text/css">
.a
{
float:left;
}
.b
{
float:left;
}
</style>
<form>
<p><textarea></textarea></p>
<p><input type="text"/></p>
<input type="submit" value="a" class="a"/>
</form>
<form>
<input type="submit" value="b" class="b"/>
<br/>
<p>c</p>
</form>



実際には
<style type="text/css">
.a
{
float:left;
}
.b
{
float:right;
}
</style>
の方がよかったのでこれでやりました。

お礼日時：2006/02/26 18:22