締切済み

HTMLでTextareaを横に２つ並べることは出来ますか

2010/04/30 18:27

HTMLでTextareaを横に２つ並べることは出来ますか Textareaを　左側はひとつ、右側はふたつ、左側の高さが100だとすると右側は50,50で二つといったデザインは出来ますでしょうか、教えて下さい、宜しく御願いします。

yotarou
お礼率44% (59/133)

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

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

みんなの回答

ORUKA1951
ベストアンサー率45% (5062/11036)

2010/04/30 19:13 回答No.2

tableを使ってもよいが、float:leftでよいのでは？他の要素とバッティングするようならtextareaはサイズが決まっているので、postio:relativeの方が良いかも。

kotoby2003
ベストアンサー率15% (280/1755)

2010/04/30 18:56 回答No.1

できます。 <TABLE>タグをうまく使うとよいです。

関連するQ&A

<textarea>に横のスクロールをつけたいのですが，可能ですか？

こんにちわ，今HTMLを書いているのですが, <textarea></textarea> タグで，入力していくと縦のスクロールバーは自動的にできるのですが,横のスクロールとかをつける事は可能なのでしょうか。ちなみにRows Colsオプションとかでも,javascript等を使用したり，他のタグで同様な事を実装できるならそれでもいいのですが,知っている方，よろしくおねがいします。
HTMLのTEXTAREAについて

HTMLのTEXTAREAで作成した複数行の上下中央に名前を記述するコーディングを知りたい。
textareaでHTMLタグを使いたい

textarea内に入力したHTMLタグ(<font color=#000000>等)を使いたいのです。 =を使ってるので$nameと$valueで分ける際にどうしても=以降が無くなってしまいます。タグの=を残すにはどうしたらいいでしょうか。すみませんが御教授お願いします。
textareaについて

textareaのタグを使って現在下記のようなものを作ったとします。この場合ファイルの文章中に記述していくため、項目が増えるとＨＴＭＬ自体が長く、先が見にくいかたちになってしまいます。そのため1000～4000の部分は別ファイルとして提供（この場合テキスト形式でも、ＨＴＭＬ形式でもいいですが）したいと思うのですが、そのようなことは可能でしょうか？ textareaタグに限らなくても良いのですが、このような方法をご存じの方は教えて下さい。（出来るだけＨＴＭＬのタグの範囲がいいかな？） <textarea name="kiriban" rows="2" cols="50" wrap="off"> 4000　××さん 3000　●●さん 2000　△△さん 1000　○○さん 500　□□さん </textarea>
お世話になってます。HTMLのTEXTAREAについて教えてください。

お世話になってます。HTMLのTEXTAREAについて教えてください。現在strutsで画面を作成しております。画面はstrutsタグですが、htmlとたぶん変わらないと思ったのでこのカテゴリで質問させて頂きました。画面ではTEXTAREAに自動改行の設定をして使用しています。そこで一行に入る文字数（バイト数）を指定したいのですが、半角英数字と全角文字で一行に入るバイト数が違います。半角数字ではTEXTAREAのプロパティ「cols」で指定したバイト数分入るのですが、全角では1バイト多く入ってしまいます。なんとか一行あたりのバイト数をそろえたいのですが、うまい方法が見つかりません。どなたか、ご教授していただけると助かります。よろしくお願いします！
ＨＴＭＬの<textarea.・・・で

<textarea内の文字の大きさを指定する方法はありますか？ IEだと大丈夫なのですが、ネスケでは大きく表示されてしまいます・・どうすればいいでしょうか・・。
HTMLフォーム。ページを開いたとき、任意の textarea に自動

HTMLフォーム。ページを開いたとき、任意の textarea に自動的に入力カーソルを位置させたいが？　いつもご丁寧な回答をありがとうございます。　HTML でフォーム（質問コーナー）を作っています。そのページを開いたとき、入力カーソルが自動的に、任意の textarea に位置するようにプログラムしたいです。　どのようにすれば可能でしょうか。　教えてください。お願いします。
TEXTAREAの印刷について

HTMLでの質問なのですが、TEXTAREAタグを用意し、画面表示させて TEXTAREAに長い文字を入力するとTEXTAREAにスクロールが出ると思います。その時に、スクロールで表示されていない部分が、印刷されなくて困っております。 TEXTAREAのデータ全てを印刷時に表示する方法はありますでしょうか？ブラウザは、FireFox3.6.2で表示しております。よろしくお願いいたします。
Another HTML-lint / WAI。textareaの初期値指定

素朴な疑問というか、対策のできない推奨事項だと思いますが、私の知らない方法があるのかもしれないと思い、質問させてください。 ----------------------- http://openlab.ring.gr.jp/k16/htmllint/explain.html#default-text 文法チェッカーで有名なAnother HTML-lint（WAI）で解説に「textareaに初期値を指定すべきである」というのがあります。 <input>ではvalue=""で可能ですが、　<textarea>ではタグの中に書くことになりますので、 <textarea></textarea> ですが、これではエラーとして出力されてしまいます。そこで、初期値として空白を指定したい場合、どのように書くべきでしょうか。・HTMLの種類、バージョンは問いません。・WAIによると古いブラウザを考慮しているとのことですので、CSS、SCRIPTなどを使わず、HTMLだけで完結できればと思います。 ------------------------- 参考 http://okwave.jp/qa3561084.html 実際の製作ではこのエラーメッセージは無視して「<textarea></textarea>」このように書きますが、もし、仕事などで「Another HTML-lintでエラーなし」を条件として製作依頼を受けた場合にどうするか、というのを想定して戴ければ、と思います。（＊私なら、エラーなしは出来ないとしてエラー付きで納品するか、製作そのものを断ります(^^;）
textareaの外側の文字が下付きになってしまいます

技術不足ですみませんが質問させてください。 tableの1セル内に、labelやselectやtextareaを横並びで表示したいのですが、 textareaが入るとその左右のアイテムが全て下詰めになります(textareaの下側と同じ高さ)。 VALIGNは試しましたが効かないようです。 ajaxを使っていて、左側のアイテムの入力内容によって右側にアイテムが追加されるような画面です。 textareaも何とか綺麗に追加したいのですが、いい方法はないでしょうか。下に例を載せます。 <table VALIGN="top"> <td VALIGN="top"> ここにあるlabelやselectなどが下詰めになります。【備考】 <textarea cols="20" rows="5" style="color:000000">あああ</textarea> こちら側のlabelやselectなどもダメです </table>
TEXTAREAについて

<TEXTAREA cols="100" rows="100" name="edits"> </TEXTAREA> で端までいくと自動的に改行されてしまいます。これを横スクロールバーを表示して改行させない方法を教えて頂けないでしょうか。以前の質問で強制的に改行させる方法として wrap　を使用するというのがあったので、 nowrap　を入れてやってみたのですが、うまくいきませんでした。 style="overflow-x: scroll;" も試したのですが、うまくいきません。よろしくお願いします。
HTML・CSSに詳しい方お助け下さい！

HTML・CSSに詳しい方お助け下さい！このお店のようなサイトデザインにしたいのですが… http://www.coco-lagoon.com/ 左側のメニューをクリックすると、右側に商品説明が出ます。これはインラインフレームとは違うのでしょうか？左側メニューの文章を編集したら、すべてのページの左側も同じようにいじらなければならなくなる気がするのですが、あまりにも面倒な気がします。今はインラインのようなCSSがあるのでしょうか？どういう仕組みになっているのか教えていただけたら大変助かります。よろしくお願い致します！
textareaのvalueについて

▽textareaの受け渡し - PHP - 教えて！goo 　http://okwave.jp/qa/q3086989.html ＞textarea内に表示させる場合は＞valueは必要ありません。 ▽[PHP-users 19095]Re: TEXTAREAタグの使い方　 http://ml.php.gr.jp/pipermail/php-users/2003-November/019622.html ＞<TEXTAREA>のValue値は＞<TEXTAREA>値</TEXTAREA> ＞となります。＞なので、開始タグ内でValue値を指定しても表示されませんと書かれているのですが、これはHTMLの仕様なのでしょうか？また、それは、どこに書かれているのでしょうか？ inputタグはvalueなのに、「textarea」タグでは何故Value値が有効でないか、教えてください。後、jQueryで「$("textarea").val(data);」とやるのと、 PHPで、<textarea><?php echo $data ?></textarea>とやる行為に、違いはあるでしょうか？両者は同じことをやっているという認識で良いでしょうか？
<textarea>と<input type="text">の横の長さをそろえる方法

<textarea>と<input type="text">の横長さをそろえるにはどうしたらいいのでしょうか？普通にcols=とsize=ではどうしてもそろえることができません。よろしくお願いします。
どのようなHTML、CSSを書けばいいのか？

添付画像のように、表示したいのですがどのようなHTML、CSSを書けばいいのでしょうか？具体的には・「キーワード」と書かれた文字が中心に来るように線で囲む・検索フォーム・ボタンは通常のtextarea、buttonです・「キーワード」・「textarea」・「button」を横一列に表示です。宜しくお願い致します
横デザインのポストカードを、縦割り横書きで出す場合。

横デザインのポストカードを、縦割り横書きで出す場合。いろいろと調べたのですが、いまいちよく分からなかったので教えて下さい。横デザインのポストカードを、出そうと思っています。裏面に、メッセージ＋宛名を書くのですが、縦割り横書きで書こうと思っています。（裏面自体には、郵便番号を書く場所などの指定が無いフォーマットです。）この場合、左側にメッセージ、右側に宛先という書き方で間違いないでしょうか？また、宛先側には、上部左側に郵便番号、上部右側に切手を貼るという位置で問題無いでしょうか？どうぞ宜しくお願いします。
textareaの幅を画面と合わせたい

HTMLのテキストエリアで画面サイズに合わせたいのですが、何か方法はないでしょうか。お知恵を貸してください。 <textarea name="addtext" cols="35" rows="25"></textarea> これだと固定になってしまいます。 <textarea name="text" width=30% height=100%></textarea> イメージ的にはこんなことをしたいのです。
HTMLのTEXTAREAで長さを指定するには？

タイトルどうりなのですが、 TEXTAREAで長さを指定したい場合は MAXLENGTHではだめなのでしょうか？うまくいきません。どうかよろしくお願いいたします。
CGIを使用してtextareaデータをHTMLファイルに変換の改行。

textareaに入れられたデータをCGIを使用して、HTMLファイルに変換しています。その時に、改行が1行ずつ多く入ってしまうようなのです。例えばtextareaにああああああああいいいうううと入っていた場合、できあがったHTMLファイルはああああああああいいいうううとなってしまうのです。できあがったHTMLファイルを見ても改行が多いわけではなさそうなのですが…。 $buffer =~ tr/+/ /; $buffer =~ s/\n/<BR>/g; $buffer =~ s/'/\'/g; $buffer =~ s/・//g; みたいな感じでなってますが。おわかりの方よろしくお願いします。
<label>と<textarea>の位置がズレる

おおよそ以下のような記述で備考欄<textarea>を作成しました。横方向は固定させ、縦方向のみリサイズ可としました。さらにmin-height と max-height で高さを制限しました。最小値(min-height)の時には備考という文字(label)は textarea のちょうど真横に来るようにpaddingなどで位置を調整したのですが、最大値(max-height)までリサイズするとラベルが添付画像のように下の方にズレてしまいます。 textareaボックスの左上に固定、もしくは高さに合わせてボックスの真横にくっついてくるようにするにはどのように記述したら良いのでしょうか？わかる方がいらっしゃいましたら教えてください。よろしくお願いします。（HTML） <div> <label for="remark"> 備考: </label> <textarea id="remark"></textarea> </div> (CSS) textarea#remark { width: 400px; resize: vertical; min-height: 50px; max-height: 120px; border-radius: 0.5em; }

HTMLでTextareaを横に２つ並べることは出来ますか

みんなの回答

関連するQ&A

<textarea>に横のスクロールをつけたいのですが，可能ですか？

HTMLのTEXTAREAについて

textareaでHTMLタグを使いたい

textareaについて

お世話になってます。HTMLのTEXTAREAについて教えてください。

ＨＴＭＬの<textarea.・・・で

HTMLフォーム。ページを開いたとき、任意の textarea に自動

TEXTAREAの印刷について

Another HTML-lint / WAI。textareaの初期値指定

textareaの外側の文字が下付きになってしまいます

TEXTAREAについて

HTML・CSSに詳しい方お助け下さい！

textareaのvalueについて

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

どのようなHTML、CSSを書けばいいのか？

横デザインのポストカードを、縦割り横書きで出す場合。

textareaの幅を画面と合わせたい

HTMLのTEXTAREAで長さを指定するには？

CGIを使用してtextareaデータをHTMLファイルに変換の改行。

<label>と<textarea>の位置がズレる

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

HTMLでTextareaを横に２つ並べることは出来ますか

みんなの回答

関連するQ&A

<textarea>に横のスクロールをつけたいのですが，可能ですか？

HTMLのTEXTAREAについて

textareaでHTMLタグを使いたい

textareaについて

お世話になってます。HTMLのTEXTAREAについて教えてください。

ＨＴＭＬの<textarea.・・・で

HTMLフォーム。ページを開いたとき、任意の textarea に自動

TEXTAREAの印刷について

Another HTML-lint / WAI。textareaの初期値指定

textareaの外側の文字が下付きになってしまいます

TEXTAREAについて

HTML・CSSに詳しい方お助け下さい！

textareaのvalueについて

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

どのようなHTML、CSSを書けばいいのか？

横デザインのポストカードを、縦割り横書きで出す場合。

textareaの幅を画面と合わせたい

HTMLのTEXTAREAで長さを指定するには？

CGIを使用してtextareaデータをHTMLファイルに変換の改行。

<label>と<textarea>の位置がズレる

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

カテゴリ
一覧

専門家に質問してみよう
専門家登録