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

質問

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

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

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

回答No.1

yambejp · ベストアンサー

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>
の方がよかったのでこれでやりました。