1. 現在位置:
  2. トップページ
  3. tipsトップ
  4. HTML-フォーム
フォーム
<form action="アドレス" method="post" name="data">〜</form>

<input type="text" name="name" size="20">
IE独自の仕様
全角入力禁止
<input type="text" name="mail" size="20" STYLE="ime-mode:disabled">
textarea
<textarea rows="10" cols="50" name="message">ここへ入力</textarea>
radio
<input type="radio" name="sex" value="男" checked>男
<input type="radio" name="sex" value="女">女
checkbox
<input type="checkbox" name="check[]" value="1">1
<input type="checkbox" name="check[]" value="2">2
<input type="checkbox" name="check[]" value="3">3
select
<select name="age">
<OPTION VALUE="" selected>下記より選択</option>
<option value="20〜25歳">20〜25歳</option>
<option value="26〜30歳">26〜30歳</option>
<option value="31〜35歳">31〜35歳</option>
<option value="36〜40歳">36〜40歳</option>
<option value="41〜45歳">41〜45歳</option>
<option value="46〜50歳">46〜50歳</option>
<option value="51〜55歳">51〜55歳</option>
<option value="56〜60歳">56〜60歳</option>
<option value="61〜65歳">61〜65歳</option>
<option value="66〜70歳">66〜70歳</option>
<option value="71〜75歳">71〜75歳</option>
<option value="76〜80歳">76〜80歳</option>
<option value="81歳以上">81歳以上</option>
</select>
都道府県
<SELECT NAME="area">
<OPTION VALUE="" selected>下記より選択</OPTION>
<OPTION VALUE="北海道">北海道</OPTION>
<OPTION VALUE="青森県">青森県</OPTION>
<OPTION VALUE="岩手県">岩手県</OPTION>
<OPTION VALUE="宮城県">宮城県</OPTION>
<OPTION VALUE="秋田県">秋田県</OPTION>
<OPTION VALUE="山形県">山形県</OPTION>
<OPTION VALUE="福島県">福島県</OPTION>
<OPTION VALUE="茨城県">茨城県</OPTION>
<OPTION VALUE="栃木県">栃木県</OPTION>
<OPTION VALUE="群馬県">群馬県</OPTION>
<OPTION VALUE="埼玉県">埼玉県</OPTION>
<OPTION VALUE="千葉県">千葉県</OPTION>
<OPTION VALUE="東京都">東京都</OPTION>
<OPTION VALUE="神奈川県">神奈川県</OPTION>
<OPTION VALUE="新潟県">新潟県</OPTION>
<OPTION VALUE="富山県">富山県</OPTION>
<OPTION VALUE="石川県">石川県</OPTION>
<OPTION VALUE="福井県">福井県</OPTION>
<OPTION VALUE="山梨県">山梨県</OPTION>
<OPTION VALUE="長野県">長野県</OPTION>
<OPTION VALUE="岐阜県">岐阜県</OPTION>
<OPTION VALUE="静岡県">静岡県</OPTION>
<OPTION VALUE="愛知県">愛知県</OPTION>
<OPTION VALUE="三重県">三重県</OPTION>
<OPTION VALUE="滋賀県">滋賀県</OPTION>
<OPTION VALUE="京都府">京都府</OPTION>
<OPTION VALUE="大阪府">大阪府</OPTION>
<OPTION VALUE="兵庫県">兵庫県</OPTION>
<OPTION VALUE="奈良県">奈良県</OPTION>
<OPTION VALUE="和歌山県">和歌山県</OPTION>
<OPTION VALUE="鳥取県">鳥取県</OPTION>
<OPTION VALUE="島根県">島根県</OPTION>
<OPTION VALUE="岡山県">岡山県</OPTION>
<OPTION VALUE="広島県">広島県</OPTION>
<OPTION VALUE="山口県">山口県</OPTION>
<OPTION VALUE="徳島県">徳島県</OPTION>
<OPTION VALUE="香川県">香川県</OPTION>
<OPTION VALUE="愛媛県">愛媛県</OPTION>
<OPTION VALUE="高知県">高知県</OPTION>
<OPTION VALUE="福岡県">福岡県</OPTION>
<OPTION VALUE="佐賀県">佐賀県</OPTION>
<OPTION VALUE="長崎県">長崎県</OPTION>
<OPTION VALUE="熊本県">熊本県</OPTION>
<OPTION VALUE="大分県">大分県</OPTION>
<OPTION VALUE="宮崎県">宮崎県</OPTION>
<OPTION VALUE="鹿児島県">鹿児島県</OPTION>
<OPTION VALUE="沖縄県">沖縄県</OPTION>
<OPTION VALUE="その他">その他</OPTION>
</SELECT>
星座
<SELECT NAME="astrology">
<OPTION VALUE="" selected>下記より選択</OPTION>
<OPTION VALUE="aries">牡羊座</OPTION>
<OPTION VALUE="taurus">牡牛座</OPTION>
<OPTION VALUE="gemini">双子座</OPTION>
<OPTION VALUE="cancer">蟹座</OPTION>
<OPTION VALUE="leo">獅子座</OPTION>
<OPTION VALUE="virgo">乙女座</OPTION>
<OPTION VALUE="libra">天秤座</OPTION>
<OPTION VALUE="scorpio">蠍座</OPTION>
<OPTION VALUE="sagitarius">射手座</OPTION>
<OPTION VALUE="capricoun">山羊座</OPTION>
<OPTION VALUE="aquarius">水瓶座</OPTION>
<OPTION VALUE="pisces">魚座</OPTION>
</SELECT>
生年月日
<SELECT name="month">
<OPTION VALUE="" selected>下記より選択</OPTION>
<OPTION VALUE="01">1</OPTION>
<OPTION VALUE="02">2</OPTION>
<OPTION VALUE="03">3</OPTION>
<OPTION VALUE="04">4</OPTION>
<OPTION VALUE="05">5</OPTION>
<OPTION VALUE="06">6</OPTION>
<OPTION VALUE="07">7</OPTION>
<OPTION VALUE="08">8</OPTION>
<OPTION VALUE="09">9</OPTION>
<OPTION VALUE="10">10</OPTION>
<OPTION VALUE="11">11</OPTION>
<OPTION VALUE="12">12</OPTION>
</select>

<select name="day">
<OPTION VALUE="" selected>下記より選択</OPTION>
<OPTION VALUE="01">1</OPTION>
<OPTION VALUE="02">2</OPTION>
<OPTION VALUE="03">3</OPTION>
<OPTION VALUE="04">4</OPTION>
<OPTION VALUE="05">5</OPTION>
<OPTION VALUE="06">6</OPTION>
<OPTION VALUE="07">7</OPTION>
<OPTION VALUE="08">8</OPTION>
<OPTION VALUE="09">9</OPTION>
<OPTION VALUE="10">10</OPTION>
<OPTION VALUE="11">11</OPTION>
<OPTION VALUE="12">12</OPTION>
<OPTION VALUE="13">13</OPTION>
<OPTION VALUE="14">14</OPTION>
<OPTION VALUE="15">15</OPTION>
<OPTION VALUE="16">16</OPTION>
<OPTION VALUE="17">17</OPTION>
<OPTION VALUE="18">18</OPTION>
<OPTION VALUE="19">19</OPTION>
<OPTION VALUE="20">20</OPTION>
<OPTION VALUE="21">21</OPTION>
<OPTION VALUE="22">22</OPTION>
<OPTION VALUE="23">23</OPTION>
<OPTION VALUE="24">24</OPTION>
<OPTION VALUE="25">25</OPTION>
<OPTION VALUE="26">26</OPTION>
<OPTION VALUE="27">27</OPTION>
<OPTION VALUE="28">28</OPTION>
<OPTION VALUE="29">29</OPTION>
<OPTION VALUE="30">30</OPTION>
<OPTION VALUE="31">31</OPTION>
</select>