- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：テキストボックスが、縦長になる）
テキストボックスの縦長化について
このQ&Aのポイント
- テキストボックスの縦長化について、okwaveの質問テキストボックスのようなテキストボックスを作りたい場合、どのようにすればよいでしょうか？パソコンのみの利用でスマホ対応は不要です。
- 現在のコードではtextareaのwidthとheightを調整していますが、横幅が狭いままで縦長のテキストボックスにならず、問題が発生しています。
- テキストボックスの縦長化方法についてアドバイスをお願いします。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
>おのおの、どういう違いがあるのでしょうか？ cols,rowsは文字の入力量を表す単位 width,heightは、フォームパーツの表示サイズを表す単位になります。 同じように、SubmitにWidth,Heightをつけてみればわかりますよ。 Submitに、「文字量」なんて関係ないですからね！ 後は、好みのデザインになるように、調整して完成です！。 あと、style="..."はスタイルシートCSSですので、 例えば、SP(モバイル）では、このくらいにしたい？ PC(パソコン）では、このくらいにしたいなど、 HTMLはそのままで、機種ごとに見やすいレイアウトにする なんてことにもできますので、こだわってくると この流れになるとは思いますが、今回の質問では そこまでは、触れてないので、スルーしておきます～。 ってことで、回答になりますかな？
その他の回答 (2)
- superside0
- ベストアンサー率64% (461/711)
回答No.2
<textarea は col="～" じゃなくて cols="～" です。
質問者
お礼
おっしゃるとおりです！ うまくいきました
- AsarKingChang
- ベストアンサー率46% (3467/7474)
回答No.1
textarea の col="1000" rows="50" は、使用可能な大きさを書いてるだけで、表示サイズではありません。 それ自体の大きさを指定したいのであれば、 style="margin: 0px; height: 1000px; width: 1000px;" などを追加してみてください （もちろん、サイズは質問者さんが決めてOKです） これで、ほぼ、質問の回答になっているようにか思いますが、 いかがでしょうか？
質問者
お礼
superside0さんの回答でもうまくいきましたが、AsariKingChangさんの記述を付け加えると、そのほうがoverrideするようです。 おのおの、どういう違いがあるのでしょうか？
お礼
大変詳細なご回答ありがとうございました！