ベストアンサー

テキストエリアの幅を10桁までにしてスクロールさせないようにしたい

2005/03/29 16:51

タイトルのままなんですが、可能でしょうか？ <textarea name="textarea" cols="40" rows="10">テスト</textarea> あと、テキストエリアに<pre>タグをつけると改行が入ってしまい、 1行分テキストエリアから離れてしまいます・・・。テストタイトル<br> <pre><textarea name="textarea" cols="40" rows="10">テスト</textarea></pre> すみません、どなたかわかる方いらっしゃいますか？教えてください(^^

saya129
お礼率36% (163/441)

HTML
回答数5
ありがとう数12

みんなの回答 （5）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

BLUEPIXY
ベストアンサー率50% (3003/5914)

2005/03/30 00:48 回答No.5

サンプルを作ってみました。１０行入力されている時に改行が入力できなくなります。ＩＥとＦｉｒｅＦｏｘで動作確認しました。ＦｉｒｅＦｏｘでは、textareaでrows="10"と指定していても９行分しかエリアが確保されないようなのでスクロールバーがでてしまいますが、１０行で改行入力が制限されるのは同じです。まあ、その辺は、適当に直せばいいかと存じます。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS"> <script language="JavaScript">  </script> <title>textareaを１０行までしか入力できなくする</title> </head> <body> <h1>textareaは１０行までしか入力できない</h1> <textarea ID="TEXT" cols="40" rows="10" style="overflow:hidden"> </textarea> </body> </html>

質問者

お礼 2005/03/30 10:39

BLUEPIXYさん天才ですね！！完璧です！！どうもありがとうございました～！

ログインすると、全ての回答が全文表示されます。

その他の回答 (4)

UKY
ベストアンサー率50% (604/1207)

2005/03/29 18:49 回答No.4

> <textarea name="textarea" cols="40" rows="10" size="10" maxlength="10">テスト</textarea> textarea に size とか maxlength とかいう属性はありません。嘘を教えないで下さい。 HTML だけでは textarea のスクロールなどに関して細かい制御はできないので、スタイルシートやスクリプトを使う必要があります。しかし、pre の中に textarea を入れるのもそうですが、いまいち質問者さんがやりたいことがよく分かりません。《最終的に》何を目標としているのか分かればもう少しまともなアドバイスができるのですが。