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

質問１：
<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 回答日時： 2006/05/14 02:58

質問１：

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

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

この回答へのお礼

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

お礼日時：2006/05/21 00:09

No.6 回答者： simple-dev 回答日時： 2006/05/16 11:12

No.5さんのおっしゃる通り、TABLEによるレイアウトは、本来の正しい使い方には反していると思いますし、最近はそういう流れが強いのは事実ですね。

私の、No4,5の記述は、その点からすると、ちょっとはずしていたかもしれません。


http://homepage3.nifty.com/terrace/w3c/csslayout …

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

この回答へのお礼

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

お礼日時：2006/05/16 23:38

No.5 回答者： yambejp 回答日時： 2006/05/16 09:35

＃３，４さんはああおっしゃいますが、

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

この回答へのお礼

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

お礼日時：2006/05/16 23:36

No.4 回答者： simple-dev 回答日時： 2006/05/15 09:15

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

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

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

この回答へのお礼

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

お礼日時：2006/05/16 00:16

No.3 回答者： simple-dev 回答日時： 2006/05/14 23:23

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>

この回答へのお礼

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

お礼日時：2006/05/15 00:58

No.2 回答者： yambejp 回答日時： 2006/05/14 12:37

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

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

この回答へのお礼

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

お礼日時：2006/05/21 00:11