- ベストアンサー
Input type と枠線並びに改行の扱い
現在、ABCDEを2行で表示することが出来ています。これに枠線を付けたいのですが、方法が分かりません。input type="Hidden"では枠線がつけられないようなので、input type="text"並びにTextareaにすると今度は枠線は出るものの改行が反映されません。 <html> <head> <title>sample001</title> </head> <body> <input class="abcde" readonly="readonly" type="hidden" name="content" value="abc de">abc<br>de</td> </body> </html> 当方全くの初心者です。何卒宜しくお願い致します。
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
補足ありがとうございます。 最初に、 <input class="abcde" readonly="readonly" type="hidden" name="content" value="abc de"> とありますが、これひとつでinputタグという種類のHTMLタグです。value=""の""入力された値をサーバーに送信するという機能を持っています。 ちなみに、HTMLとCSSだけで構成されたホームページでは、inputタグで値を送信されてもどうすることもできません。それを処理するためのCGIというプログラムなどが必要になります。 inputで type="text"を指定することによって、そのページを表示させたユーザがvalue=""の""の中身を編集することができるようになります。編集するための手段として枠付きの入力フォームが用意されるのです。 inputで type="hidden"を指定することによって、valueの値を編集するための入力フォームは表示しなくなります。 つまりyotarou様が確認した ABC DE の２行はinputタグとは関係なく abc<br>de の部分が見えていただけになります。 ちなみに</td>は、誤って混ざっているだけで、これだけでは意味をなしません。 あとtype="text"で用意される入力フォームは一行だけのフォームと決まっています。あらゆる方法を使っても２行になることはありません。 inputタグではないのですが、inputタグに似た機能を持つのがTextareです。<textare>と</textare>の間に入力された文字列をサーバーに送信するタグです。Textareが提供する入力フォームは改行の機能を持っているので２行表示することも可能です。 <textarea >ABC DE</textarea> 上記のコードで枠付きの２行の入力フォームが表示されます。 ただ、yotarou様は「枠」を作りたいだけだったとすれば、入力フォームで枠を表現するのは少々無理やりが否めません。 そこでtabelタグを使いましょう。tabelタグはまさしく枠を描くためのタグです。 <table border=4> <tr><td>ABC <br />DE</td></tr> </table> 枠の見た目はtableタグについて調べると、さまざまな指定の方法がわかると思います。
その他の回答 (3)
- yyr446
- ベストアンサー率65% (870/1330)
<TABLE>使わないなら <pre style="border:solid 1px black;width:4em;padding:5px" > ABC DE </pre> でも出来ます。 <pre></pre>の中では改行文字（目にはみえない）が有効になります。 CSSという物（style属性）で幅とか、枠線とか、隙間を指定します。 あるいは、同じく <dive style="border:solid 1px black;width:4em;padding:5px" > ABC<br>DE </div> か、又は<ul>、<ol>、<dl>等のリストアップするタグ を使ってもよろしいかと．．． 参考サイトで、勉強しましょう。とほほシリーズです。 http://www.tohoho-web.com/html/index.htm http://www.tohoho-web.com/css/index.htm
- yyr446
- ベストアンサー率65% (870/1330)
こんなふうに表示したいだけなのですか？ －－－ |ＡＢＣ｜ |ＤＥ ｜ －－－ それとも －－－ |ＡＢＣ｜ |ＤＥ｜ －－ あるいは、これ －－－ |ＡＢＣ｜ －－－ －－ |ＤＥ｜ －－
補足
そうです。一番上の例です。宜しくお願い致します。
- QHOST
- ベストアンサー率42% (6/14)
回答させていただきたいと思います。 その前にひとつ気になることがありますので、補足願います。 >>現在、ABCDEを2行で表示することが出来ています 表示することが出来ているというのは、youtarou様が提示していただいたHTMLコードをブラウザで表示させたということでしょうか？ 提示いただいたHTMLコードには誤まりがありますので、どこから説明するべきか判断するために、今理解していることを(間違っていもかまいません)追記してくださると助かります。
補足
表示させております。 殆ど理解出来てないと思って下さい。ABCDというクラスがあって、その属性が定義されていて、その値がABCDということかと
お礼
言葉足らずというか不十分な説明での質問に対応戴き本当にありがとうございました。