webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

form04 list

  • listはinputしない。selectする。だからselect。

<form action="#" method="post">
<p>年齢 <select name="age"></p>
<p><option value="" selected>以下から選択してください</option></p>
<p><option value="1">10代</p></option></p>
<p><option value="2">20代</p></option></p>
<p><option value="3">30代</p></option></p>
<p><option value="4">40代</p></option></p>
<p><option value="5">50代</p></option></p>
<p><option value="6">60代</p></option></p>
</select>
<p><input type="submit" value="送信"></p>
</form>

f:id:ohta-felica:20160719223836p:plain 

f:id:ohta-felica:20160719223631p:plain

f:id:ohta-felica:20160719223729p:plain