<textarea>と<input type="text">の横の長さをそろえる方法

質問

<textarea>と<input type="text">の横長さをそろえるにはどうしたらいいのでしょうか？

普通にcols=とsize=ではどうしてもそろえることができません。

よろしくお願いします。

回答No.1

armstrong-us · ベストアンサー

<input style="width:100px" type="text"><br>
<textarea style="width:100px">

これでどうですか？
スタイルはタグに直接記入しても、css（内部、外部）にしてもどちらでもかまいませんよ。

回答No.3

partita

私は#1さんの方法を使っています。

colsとsizeでそろっているように見えても、他のブラウザでも見るとずれていることがあるからです。XHTMLへの移行を考えてもwidth属性で設定するのがいいと思います。

回答No.2

noname#19206

テキストフィールドの幅を指定すると、
ブラウザ側でフォントサイズを調整したときに見づらくなることがあります。

１．フォントサイズを調整したり、
枠のデザインを弄ったりすれば幅がそろったように見えます。
２．両者のフォントサイズを同一にして、
<input type=text>のフォントを等幅にすれば大きさをそろえられるのでは？