- ベストアンサー
textareaの幅を画面と合わせたい
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
CSSで指定すればできますよ。 こんな具合に↓ （前略） <head> <style type="text/css"> tablearea{ width:100%; height:30%; } </style> </head> <body> <textarea></textarea> </body> </html>
その他の回答 (1)
- quads
- ベストアンサー率35% (90/257)
HTMLの範疇では実現できません。 cols 属性及び rows 属性を適当に指定した上で、width, height プロパティを指定すれば実現できます。 ルート要素までの先祖要素全ての height 値が 100% である必要があります。 関連する内容かもしれません。 http://www.gac.jp/article/index.php?stats=question&category=3&id=17463&command=msg
お礼
回答ありがとうございます。
関連するQ&A
- テキストエリアの作成法
下記のような横一列に並んだ３つのテキストエリアを作成しました。Mozilla Firefoxではほぼ期待通り表示されましたが、インターネット・エクスプローラーでは全く表示されません。後者でも表示させるにはどうしたらよいでしょうか。 またテキストエリア内の文章に改行をつけるにはどうしたらよいでしょうか。 <form><p class=MsoNormal><span><TEXTAREA ROWS="13" COLS="70" NAME="textarea1"id=textarea1 style="HEIGHT: 540px; WIDTH: 300px; font-size: 9pt" readonly> 『テキスト』 </TEXTAREA> <TEXTAREA ROWS="13" COLS="70" NAME="textarea1"id=textarea1 style="HEIGHT: 540px; WIDTH: 300px; font-size: 9pt" readonly> 『テキスト』 </TEXTAREA> <TEXTAREA ROWS="13" COLS="70" NAME="textarea1"id=textarea1 style="HEIGHT: 540px; WIDTH: 300px; font-size: 9pt" readonly> 『テキスト』 </TEXTAREA></span></p></form>
- ベストアンサー
- Windows系OS
- テキストエリアの幅を10桁までにしてスクロールさせないようにしたい
タイトルのままなんですが、可能でしょうか？ <textarea name="textarea" cols="40" rows="10">テスト</textarea> あと、テキストエリアに<pre>タグをつけると改行が入ってしまい、 1行分テキストエリアから離れてしまいます・・・。 テストタイトル<br> <pre><textarea name="textarea" cols="40" rows="10">テスト</textarea></pre> すみません、どなたかわかる方いらっしゃいますか？ 教えてください(^^
- ベストアンサー
- HTML
- TEXTAREAでエラー
入力された"TEXTAREA"のデータを入力チェックプログラム を通してエラーチェックを行い、エラーが無かったら "header"関数で確認の画面で表示しようとしています。 TEXTAREAの入力画面に１行で入力した場合は確認の画面 に出力されます。 ところが、改行して文章を入れ送信すると、画面が真っ 白になって次へ進めません。 環境および状況は下記です。 OS: FedoraCore5 PHP: Version 5.1.6 日本語表記：内部表記ともShiht_JIS （送る側のTEXTAREA） <TR> <TD height="20" bgcolor="#f0f8ff" width="26%" nowrap><FONT color="#0000cc" size="-1">状況</font><font color="#0000cc" size="-2" valign="center">（ご自由にお書きください）</font></TD> <TD height="30" bgcolor="#FFFFFF" width="70%" colspan="3"> </TD> </TR> <TR> <TD height="40" bgcolor="#FFFFFF" width="50%" colspan="5" nowrap> <TEXTAREA name="joukyou" cols="45" rows="10"><?= $joukyou ?></TEXTAREA></TD> </TR><br> （送る側チェックプログラムのheader関数） $joukyou = htmlspecialchars(stripcslashes($joukyou)); header("Location: kakunin.php?joukyou=$joukyou------ （受ける側のTEXTAREA） <TR> <TD height="20" bgcolor="#f0f8ff" width="26%" nowrap><FONT color="#0000cc" size="-1">状況</font><font color="#0000cc" size="-2" valign="center"></font></TD> <TD height="40" bgcolor="#FFFFFF" width="70%"> <TEXTAREA name="joukyou" cols="45" rows="10" readonly><?= $joukyou ?></TEXTAREA></TD> </TR>
- 締切済み
- PHP
- textareaについて
textareaのタグを使って現在下記のようなものを作ったとします。 この場合ファイルの文章中に記述していくため、項目が増えると ＨＴＭＬ自体が長く、先が見にくいかたちになってしまいます。 そのため1000～4000の部分は別ファイルとして提供（この場合 テキスト形式でも、ＨＴＭＬ形式でもいいですが） したいと思うのですが、そのようなことは可能でしょうか？ textareaタグに限らなくても良いのですが、このような方法を ご存じの方は教えて下さい。 （出来るだけＨＴＭＬのタグの範囲がいいかな？） <textarea name="kiriban" rows="2" cols="50" wrap="off"> 4000 ××さん 3000 ●●さん 2000 △△さん 1000 ○○さん 500 □□さん </textarea>
- ベストアンサー
- HTML
- formのtextareaについて
いつもお世話になってます。 formでテキストエリアを作成しました。 テキストエリアに入力された文字列を、submitを押すことによって、同ページに反映させたいのですがどのようにしたらいいのでしょうか？ 当方、プログラミング初心者のため、できるだけわかりやすく教えて頂けると助かります。 以下、現在書いたテキストエリアです。 <form method="POST" action="sousinsaki.html"> <div> <textarea name="MSG" cols=40 rows=4> </textarea> </div> <input type=submit value="送信"> </form>
- 締切済み
- HTML
- TEXTAREA内の改行位置をinnerHTMLで反映させたい
例えば、 <HTML> <HEAD> <SCRIPT> function send(){ var message = f1.message.value var str = '<HTML>\n<HEAD>\n</HEAD>\n<BODY>\n' str += ''+ message +'\n' str += '</BODY>\n</HTML>' document.frame1.document.body.document.body.innerHTML = str } </SCRIPT> </HEAD> <BODY> <FORM name="f1"> <TEXTAREA rows="10" cols="40" name="message" onChange="send()"></TEXTAREA> </FORM> <IFRAME name="frame1" id="frame1" width="90%" height="350"></IFRAME> </BODY> </HTML> このような記述をして、テキストエリア内に文字を数行にわたって書き込んでも改行はされません。 どのようにすれば改行されるようになりますか？ innerHTMLのところをinnerTEXTとして改行位置に<BR>タグが入るようにするのでもかまわないのですが、、、 どなたかお分かりになる方、ご教授願います。
- ベストアンサー
- JavaScript
- textとtextareaの書式に設定について
先日、質問をさせて頂きました者になります。 input textとtextareaの書式の設定制御の方法が、 分からなくなってしまい質問をさせて頂きました。 【やりたい事】 textやtextareaの初期値のテキスト色とバックグランの色を、 textやtextareaに初期値が入っている時と入力した値が入っている時に、 指定した書式に各種設定したいと思っています。 具体的には、textやtextareaに初期値が入っている時には、 初期値の文字を薄いグレー色に設定し、バックグランドをピンク色に設定し、 textやtextareaに入力をした値が入っている時には、 入力した文字を黒色に設定し、バックグランドを白色に設定したいと思ってます。 ご教授頂ければと存じます。 よろしくお願いいたします。 【ソース】 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN Frameset" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <script type="text/javascript"> <!--ログ生成スクリプトを取得--> function textoutput(formObj) { <!--text01を取得--> if((text01 = formObj.elements["text01"].value)==formObj.elements["text01"].defaultValue)text01=""; <!--text02を取得--> if((text02 = formObj.elements["text02"].value)==formObj.elements["text02"].defaultValue)text02=""; <!--textarea01を取得--> if((textarea01 = formObj.elements["textarea01"].value)==formObj.elements["textarea01"].defaultValue)textarea01=""; <!--textarea02を取得--> if((textarea02 = formObj.elements["textarea02"].value)==formObj.elements["textarea02"].defaultValue)textarea02=""; <!--出力データを作成--> var text = ''; <!--text3データを作成--> if(text01!==""){ text += '質問1：' + '\n'+ text01 + '\n'; } <!--text2データを作成--> if(text02!==""){ text += '質問２：' + '\n'+ text02 + '\n'; } <!--textarea01データを作成--> if(textarea01!==""){ text += '質問３：' + '\n'+ textarea01 + '\n'; } <!--textarea02データを作成--> if(textarea02!==""){ text += '質問４：' + '\n'+ textarea02 + '\n'; } <!--出力データを作成--> formObj.elements["output"].value=text; } </script> </head> <body> <form name="form01"> <strong>・諮問１：</strong><br> <input type="text" name="text01" value="１入力してください" id="p1" size="30" class="disabled" onfocus="if (this.value == defaultValue) this.value = '';" onblur="if (!this.value) this.value = defaultValue;"><br> <strong>・諮問2：</strong><br> <input type="text" name="text02" value="2入力してください" id="p2" size="30" class="disabled" onfocus="if (this.value == defaultValue) this.value = '';" onblur="if (!this.value) this.value = defaultValue;"><br> <strong>・諮問3：</strong><br> <textarea name="textarea01" id="textarea01" cols="60" rows="5" onfocus="if(this.value == this.defaultValue) this.value=''" onblur="if(this.value == '') this.value=this.defaultValue"> ３入力してください </textarea><br> <strong>・諮問4：</strong><br> <textarea name="textarea02" id="textarea02" cols="60" rows="5" onfocus="if(this.value == this.defaultValue) this.value=''" onblur="if(this.value == '') this.value=this.defaultValue"> ４入力してください </textarea><br> <strong>・出力結果：</strong><br> <input type="button" value="ログ出力" onClick="textoutput(this.form);"> <br> <textarea cols=60 rows=20 name="output" id="output"></textarea><br> <textarea id="text" cols="30" rows="5" wrap="soft"></textarea><br> <button onclick="save();">save</button><a id="anchor" href=""></a> </form> </body> </html>
- ベストアンサー
- JavaScript
- textarea内を書き換えたいんです。
textarea内のvalueを書き換えたいんですが、下記のような形だとだめなんでしょうか。 <textarea name="text_name[0]"></textarea> <textarea name="text_name[1]"></textarea> <textarea name="text_name[2]"></textarea> document.enq_form.text_name[1].value = "テキスト"; 現状では、text_name[1]がundefinedになってしまいます。 ご教授お願いいたします。
- ベストアンサー
- JavaScript
- ホームページ作成の知識ある方へ緊急質問！
アンケートでテキストエリア（複数行の入力フィールド）内に文字数を制限したいのですが、"maxlength"では文字数を制限されなく困っています。 それとも他のＨＴＭＬでしょうか？ 私が入力したのは <TEXTAREA cols="50" rows="4" name="EXTRA6" wrap="hard" maxlength="40"></TEXTAREA> です。 どなたか知恵を貸してください。 よろしくお願いします。
- 締切済み
- ホームページ作成ソフト
- textareaについて
textareaに400文字の感想を入力してもらいたいのですが、400文字以上入力することを考え,inputタグと同様にmaxlenght="400"としたいので、400文字以上入力されてしまいます。 <TEXTAREA name="comment" COLS="50" ROWS="5" maxlength="400"></TEXTAREA> textareaではmaxlenghtは効果ないのでしょうか？
- ベストアンサー
- HTML
お礼
できました！ありがとうございます。