フォームタグについて教えてください。

質問

質問１：
<label for="form2">人数：</label>
<input type="text" name="heads" size="20" maxlength="4" value="人" id="form2">
というフォームを作っています。
こうした場合、入力欄に入力されている「人」は左詰めになってしまいます。。できれば右詰めにしたいのですが、HTMLだけでできるものでしょうか？

質問２：
<label for="form4">御意見・備考：</label>
<textarea name="contents" cols="50" rows="10" wrap="soft" id="form4"></textarea>
というフォームを作っています。
こうした場合、「御意見・備考」は入力欄の左下に表示されますが、これを左上にできないでしょうか？

以上、初心者のため分かりやすく教えてもらえたら大変嬉しいです＾＾；
よろしくお願いします<m(__)m>

回答No.1

BLUEPIXY · ベストアンサー

質問１：
<input type="text" name="heads" size="20" maxlength="4" value="人" id="form2" style="text-align:right">

質問２：
<label for="form4" style="vertical-align:top">御意見・備考：</label>

お礼

ありがとうございます。。
このとおりにやったらできました＾＾

回答No.6

simple-dev

No.5さんのおっしゃる通り、TABLEによるレイアウトは、本来の正しい使い方には反していると思いますし、最近はそういう流れが強いのは事実ですね。私の、No4,5の記述は、その点からすると、ちょっとはずしていたかもしれません。

http://homepage3.nifty.com/terrace/w3c/csslayout-howto-ja/

<div> + CSSでレイアウトするのが正しいのかもしれません。

お礼

ありがとうございます。。
リンクを貼ってくれたページは読ませていただきましたが、初心者の私にはチンプンカンプンでした＞＜
でも、言いたいことはなんとなく分かりました(つもりですが^^；)。大変参考になりました。

回答No.5

yambejp

＃３，４さんはああおっしゃいますが、
最近のトレンドは
「テーブルを使わないでもいい
箇所はなるべく使わないようにしよう！」です。
今回のケースなどまさにそれで、
表組みにする必要はまったくありません。
私もテーブルは結構使いますが、折に触れ
意識的になるべく使わないように心がけています。

お礼

ふむふむ。。ここでテーブルタグを使うのは本来の目的に反するのでやめたほうがいいということでしょうか？
私としては、より分かりやすいHTMLで構築したいので、ここではレーベルタグで行けるならそれで行きたいと思っています＾＾；

回答No.4

simple-dev

> よければメリット・デメリット教えていただければ嬉しいです。

TABLEを使ってレイアウトを行う方法が、一般的だと思います。
デメリットは、あまりに階層が深く、入り組んだ構造にした場合、ブラウザの処理が遅くなる可能性があることでしょうか。。。

詳細は、
http://itpro.nikkeibp.co.jp/article/COLUMN/20060210/228977/
http://jp.selfhtml.org/html/tabellen/layouts.htm
のあたりを、ご参照ください。

お礼

またまた回答いただきありがとうございます。。よく勉強してみます＾＾

回答No.3

simple-dev

TextFieldやTextAreaの位置合わせも考えるのであれば、<label>を使うより、<table>でレイアウトする方がよいのではと思います。

<TABLE>
<TR>
<TD valign="top" align="right">人数：</TD>
<TD><input type="text" name="heads" size="20" maxlength="4" value="人" id="form2"></TR>
</TR>
<TR>
<TD valign="top">御意見・備考：</TD>
<TD><textarea name="contents" cols="50" rows="10" wrap="soft" id="form4"></textarea></TD>
</TR>
</TABLE>

お礼

なるほど～
テーブルタグを使うのは思いつきませんでした・・
よければメリット・デメリット教えていただければ嬉しいです。
なんでレーベルタグでやるよりいいんでしょうか？

回答No.2

yambejp

質問１についてはこんなのもあります。

<label for="form4" style="display:block;float:left;">御意見・備考：</label>

お礼

なるほど～。。レーベルタグで指定してもいいんですね。。参考になります。
ありがとうございます＾＾