アンケート

次のアンケートにお答え下さい(正直に答える必要はありませんが,もっともらしい値を入れてください)。

身長: cm

体重: kg

このページの仕組み

次のような HTML です。

<form action="ques.php" method="post">
<p>身長: <input name="height" size="5" /> cm</p>
<p>体重: <input name="weight" size="5" /> kg</p>
<p><input type="submit" value="送る" />
<input type="reset" value="クリア" /></p>
</form>

ques.php については上の[送る]ボタンの飛び先のページをご覧下さい。

fieldset

アンケートの form が大きくなると,いくつかに分割したくなります。 そんなときに役に立つのが fieldset です。

次のものはモックアップで,実際には働きません。

必須項目

氏名

メール

任意項目

身長 cm

体重 kg

<form action="..." method="post">
<fieldset>
  <legend>必須項目</legend>
  <p>氏名 <input name="namae" /></p>
  <p>メール <input name="email" /></p>
</fieldset>
<fieldset>
  <legend>任意項目</legend>
  <p>身長 <input name="height" size="5" /> cm</p>
  <p>体重 <input name="weight" size="5" /> kg</p>
</fieldset>
<p><input type="submit" value="送る" />
<input type="reset" value="クリア" /></p>
</form>

奥村晴彦

Last modified: 2009-08-01 13:49:37