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

解決済

質問者：saya129
質問日時：2005/03/29 16:51
回答数：5件

タイトルのままなんですが、可能でしょうか？
<textarea name="textarea" cols="40" rows="10">テスト</textarea>

あと、テキストエリアに<pre>タグをつけると改行が入ってしまい、
1行分テキストエリアから離れてしまいます・・・。
テストタイトル<br>
<pre><textarea name="textarea" cols="40" rows="10">テスト</textarea></pre>

すみません、どなたかわかる方いらっしゃいますか？
教えてください(^^

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (5件)

ベストアンサー優先
最新から表示
回答順に表示

No.5ベストアンサー

回答者： BLUEPIXY
回答日時：2005/03/30 00:48

サンプルを作ってみました。

１０行入力されている時に改行が入力できなくなります。ＩＥとＦｉｒｅＦｏｘで動作確認しました。
ＦｉｒｅＦｏｘでは、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>

- 0
- 件

通報する

この回答へのお礼

BLUEPIXYさん天才ですね！！
完璧です！！

どうもありがとうございました～！

通報する

お礼日時：2005/03/30 10:39

No.4

回答者： UKY
回答日時：2005/03/29 18:49

> <textarea name="textarea" cols="40" rows="10" size="10" maxlength="10">テスト</textarea>

textarea に size とか maxlength とかいう属性はありません。嘘を教えないで下さい。

HTML だけでは textarea のスクロールなどに関して細かい制御はできないので、スタイルシートやスクリプトを使う必要があります。

しかし、pre の中に textarea を入れるのもそうですが、いまいち質問者さんがやりたいことがよく分かりません。《最終的に》何を目標としているのか分かればもう少しまともなアドバイスができるのですが。

参考URL：http://www.ne.jp/asahi/minazuki/bakera/html/refe …