htmlで入力したテキストがうまく表示されない

質問

お世話になります。
HTML初心者のものです。
卒業論文のアンケートに、webページを使いたいと思っていて、現在勉強しながらプログラミングを開始したところです。
しかし、
●Q1.あなたの年齢を教えてください
- プルダウンメニューで回答してもらう
●Q2.あなたの肌質を教えてください
- ラジオボタンで回答してもらう
という構造を頭の中で思い描いていたのですが、以下のようにhtmlを打っても、プルダウンメニューとラジオボタンの間の文章が表示されません。
初歩的な質問だとは思うのですが、先へ進めなくて困っているのでご教示頂けると幸いです。

【以下自分が打ったhtml】
<p>Q1.あなたの年齢を教えてください。</p><br>
<form>
<select name="knenrei">
<option value="1">18</option>
<option value="2" selected>19</option>
<option value="3" selected>20</option>
<option value="4" selected>21</option>
<option value="5" selected>22</option>
<option value="6" selected>23</option>
<option value="7" selected>24</option>
<option value="8" selected>選択してください</option>
</form><br>

<p>Q2.あなたの肌質を教えてください。</p><br>
<form>
<input type="radio" name="khadashitu" value="binkan">敏感肌
<input type="radio" name="khadashitu" value="kansou">乾燥肌
<input type="radio" name="khadashitu" value="shisei">脂性肌
</form><br>

※補足……年齢のプルダウンメニューにおいて、最後に「選択してください」という項目を置いているのは、少しでも回答漏れを防ぐことと、回答漏れなのかきちんと回答がされたものなのかを区別するためです。

回答No.2

mimazoku_2 · ベストアンサー

<option value="8" selected>選択してください</option>
</form><br>
↑
ここの　</select>　が抜けている。

つまり、<select>～</select>という関係が出来ていないのが今回のミス。
</select>を記述したら、きちんと表示したよ。

回答No.3

mimazoku_2

ついでに・・
私が参考にしたのは、これです。（読みやすかったよ）
http://masaboo.cside.com/new_html1/ht_menu.htm

回答No.1

akauntook

今回は一応真面目に回答しますが、カテゴリが技術者向なので、そこに初心者ですと言われると、初心者でわからないけど技術者に教えて貰って楽しようという風に見えて、余り言い気はしません。

勉強中と言うところで、質問の上から順に学んだ方が良いと思ったことを書いていきます。

まず、プログラミングはコンピューターに処理させるもので、HTMLを書くのはプログラミングではないです。コーディングですね。

HTMLは何も動きません。
HTMLファイルをブラウザで開くとそう見えるだけです。

動作について記述していないところがプログラミングじゃないですね。

HyperText Markup Languageの略で、『めっちゃ文書に目印つける言語』というだけです。

お手紙に目印つけまくったのと変わらないです。

まずはHTMLでつまづいてしまいましたが、基本的に
<なんとか>で始まり、</なんとか>で終わる。

<select>で始まっているけど終わりは？ってことです。

間違ったHTMLはブラウザが適当に解釈して表示します。
目印の付け方がおかしいってことです。

ここからここまでって指定するんですよね。

終わっていないから<select>がまだ続いていることになっていて、その中身の書き方としてはおかしいから表示しないんでしょう。

ただ、<select>が<form>をまたぐことはHTMLのルールで有り得ない。

だから、<form>が出てきた時点で、</select>は出てきてないけど、直前にあるってことにして表示したから、そこから先は表示したんでしょう。

他にも、色々と間違っています。

HTMLタグは<>で挟まれている最初の部分がそのタグの名前なので、

『HTML select』なんて検索すれば、詳しく書いてあります。

optionのselectedは選択済みを表すから、複数あるのはおかしい。
この記述なら、一つしか選択済みに出来ないです。
選択して下さい　が選択済みになって表示されたのは、上から順に選択済みにしていったら、最後だったからと言うだけです。
プルダウンと言っているように、ダウンして選択するもんです。
最後が選択済みだとアップしないと選択できないんですが。
一番上に、選択して下さい　を置いて選択済みの状態にしましょう。
何もしなければ最初の項目が出ますけどね。

formの使い方もおかしいです。

formは一組で、その中にselectやinputがあるのが正しいです。

指摘したタグ、全部検索した方が良いですね。

初心者が好きなようなので、
『HTML 初心者』と検索して出るサイトを5サイトくらい見て試すと良いと思います。

また、わかっているかもしれませんが、HTMLだけではアンケートは出来ません。

プログラミングではないから、動作しないです。

phpでアンケートの結果を受け取って、データベースかなんかに追加すればいいってことですかね？

今のところ道は険しそうですが頑張って下さい。

話が戻りますが、書くときは意味を理解して書くようにしましょう。

optionのvalueの値を1から順にする必要性がわかりません。valueは送信されることになる値です。

まぁ、詳しくは検索されると良いですね。

お礼

ご丁寧にありがとうございます！！
カテゴリについてはすいません、ミスです……。
様々なご教示ありがとうございました！助かりました！！