HTML | 都道府県選択フォームパーツのサンプルコード

2023-10-07HTML フォーム,HTML

HTML | 都道府県選択フォームパーツのサンプルコード

都道府県を選択するHTMLフォームパーツのサンプルコードになります。
フォームのセレクトメニューボックスとラジオボタンタイプにて紹介しち¥ています。

都道府県選択フォームパーツのサンプルコード(セレクトボックスタイプ)

セレクトボックス(セレクトメニュー)で作成する都道府県選択フォームのHTMLサンプルコードです。

name属性には「prefecture」を指定しています。

セレクトボックスの都道府県選択フォームでは「送信データも表示名も日本語表記」「送信データは英表記、表示は日本語表記」「送信データは都道府県コード、表示は日本語表記」の3タイプを紹介しています。

<!-- 送信データも表示名も日本語表記 -->
<select name="prefecture">
	<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="prefecture">
	<option value="Hokkaidô">北海道</option>
	<option value="Aomori">青森県</option>
	<option value="Iwate">岩手県</option>
	<option value="Miyagi">宮城県</option>
	<option value="Akita">秋田県</option>
	<option value="Yamagata">山形県</option>
	<option value="Hukusima">福島県</option>
	<option value="Ibaraki">茨城県</option>
	<option value="Totigi">栃木県</option>
	<option value="Gunma">群馬県</option>
	<option value="Saitama">埼玉県</option>
	<option value="Tiba">千葉県</option>
	<option value="Tôkyô">東京都</option>
	<option value="Kanagawa">神奈川県</option>
	<option value="Niigata">新潟県</option>
	<option value="Toyama">富山県</option>
	<option value="Isikawa">石川県</option>
	<option value="Hukui">福井県</option>
	<option value="Yamanasi">山梨県</option>
	<option value="Nagano">長野県</option>
	<option value="Gihu">岐阜県</option>
	<option value="Sizuoka">静岡県</option>
	<option value="Aiti">愛知県</option>
	<option value="Mie">三重県</option>
	<option value="Siga">滋賀県</option>
	<option value="Kyôto">京都府</option>
	<option value="Ôsaka">大阪府</option>
	<option value="Hyôgo">兵庫県</option>
	<option value="Nara">奈良県</option>
	<option value="Wakayama">和歌山県</option>
	<option value="Tottori">鳥取県</option>
	<option value="Simane">島根県</option>
	<option value="Okayama">岡山県</option>
	<option value="Hirosima">広島県</option>
	<option value="Yamaguti">山口県</option>
	<option value="Tokusima">徳島県</option>
	<option value="Kagawa">香川県</option>
	<option value="Ehime">愛媛県</option>
	<option value="Kôti">高知県</option>
	<option value="Hukuoka">福岡県</option>
	<option value="Saga">佐賀県</option>
	<option value="Nagasaki">長崎県</option>
	<option value="Kumamoto">熊本県</option>
	<option value="Ôita">大分県</option>
	<option value="Miyazaki">宮崎県</option>
	<option value="Kagosima">鹿児島県</option>
	<option value="Okinawa">沖縄県</option>
</select>

<!-- 送信データは都道府県コード、表示は日本語 -->
<select name="prefecture">
	<option value="1">北海道</option>
	<option value="2">青森県</option>
	<option value="3">岩手県</option>
	<option value="4">宮城県</option>
	<option value="5">秋田県</option>
	<option value="6">山形県</option>
	<option value="7">福島県</option>
	<option value="8">茨城県</option>
	<option value="9">栃木県</option>
	<option value="10">群馬県</option>
	<option value="11">埼玉県</option>
	<option value="12">千葉県</option>
	<option value="13">東京都</option>
	<option value="14">神奈川県</option>
	<option value="15">新潟県</option>
	<option value="16">富山県</option>
	<option value="17">石川県</option>
	<option value="18">福井県</option>
	<option value="19">山梨県</option>
	<option value="20">長野県</option>
	<option value="21">岐阜県</option>
	<option value="22">静岡県</option>
	<option value="23">愛知県</option>
	<option value="24">三重県</option>
	<option value="25">滋賀県</option>
	<option value="26">京都府</option>
	<option value="27">大阪府</option>
	<option value="28">兵庫県</option>
	<option value="29">奈良県</option>
	<option value="30">和歌山県</option>
	<option value="31">鳥取県</option>
	<option value="32">島根県</option>
	<option value="33">岡山県</option>
	<option value="34">広島県</option>
	<option value="35">山口県</option>
	<option value="36">徳島県</option>
	<option value="37">香川県</option>
	<option value="38">愛媛県</option>
	<option value="39">高知県</option>
	<option value="40">福岡県</option>
	<option value="41">佐賀県</option>
	<option value="42">長崎県</option>
	<option value="43">熊本県</option>
	<option value="44">大分県</option>
	<option value="45">宮崎県</option>
	<option value="46">鹿児島県</option>
	<option value="47">沖縄県</option>
</select>

以下は上記フォームパーツのHTMLを実際に表示した例になります。
スタイル・デザインは変更を加えていないため、サイトの設定が反映されています。

都道府県選択フォームパーツのサンプルコード(ラジオボタンタイプ)

ラジオボタンで作成する都道府県選択フォームのHTMLサンプルコードです。

name属性には「prefecture」を指定しています。

ラジオボタンの都道府県選択フォームではCSSでのカスタマイズ性を考えて「lavelタグ」「lavelタグで囲ったタイプ」と、それぞれ「送信データも表示名も日本語表記」「送信データは英表記、表示は日本語表記」「送信データは都道府県コード、表示は日本語表記」の3タイプを紹介しています。

labelタグタイプ

<!-- 送信データも表示名も日本語表記 -->
<input type="radio" name="prefecture" id="Hokkaidô" "value="北海道"><label for="Hokkaidô">北海道</label>
<input type="radio" name="prefecture" id="Aomori" "value="青森県"><label for="Aomori">青森県</label>
<input type="radio" name="prefecture" id="Iwate" "value="岩手県"><label for="Iwate">岩手県</label>
<input type="radio" name="prefecture" id="Miyagi" "value="宮城県"><label for="Miyagi">宮城県</label>
<input type="radio" name="prefecture" id="Akita" "value="秋田県"><label for="Akita">秋田県</label>
<input type="radio" name="prefecture" id="Yamagata" "value="山形県"><label for="Yamagata">山形県</label>
<input type="radio" name="prefecture" id="Hukusima" "value="福島県"><label for="Hukusima">福島県</label>
<input type="radio" name="prefecture" id="Ibaraki" "value="茨城県"><label for="Ibaraki">茨城県</label>
<input type="radio" name="prefecture" id="Totigi" "value="栃木県"><label for="Totigi">栃木県</label>
<input type="radio" name="prefecture" id="Gunma" "value="群馬県"><label for="Gunma">群馬県</label>
<input type="radio" name="prefecture" id="Saitama" "value="埼玉県"><label for="Saitama">埼玉県</label>
<input type="radio" name="prefecture" id="Tiba" "value="千葉県"><label for="Tiba">千葉県</label>
<input type="radio" name="prefecture" id="Tôkyô" "value="東京都"><label for="Tôkyô">東京都</label>
<input type="radio" name="prefecture" id="Kanagawa" "value="神奈川県"><label for="Kanagawa">神奈川県</label>
<input type="radio" name="prefecture" id="Niigata" "value="新潟県"><label for="Niigata">新潟県</label>
<input type="radio" name="prefecture" id="Toyama" "value="富山県"><label for="Toyama">富山県</label>
<input type="radio" name="prefecture" id="Isikawa" "value="石川県"><label for="Isikawa">石川県</label>
<input type="radio" name="prefecture" id="Hukui" "value="福井県"><label for="Hukui">福井県</label>
<input type="radio" name="prefecture" id="Yamanasi" "value="山梨県"><label for="Yamanasi">山梨県</label>
<input type="radio" name="prefecture" id="Nagano" "value="長野県"><label for="Nagano">長野県</label>
<input type="radio" name="prefecture" id="Gihu" "value="岐阜県"><label for="Gihu">岐阜県</label>
<input type="radio" name="prefecture" id="Sizuoka" "value="静岡県"><label for="Sizuoka">静岡県</label>
<input type="radio" name="prefecture" id="Aiti" "value="愛知県"><label for="Aiti">愛知県</label>
<input type="radio" name="prefecture" id="Mie" "value="三重県"><label for="Mie">三重県</label>
<input type="radio" name="prefecture" id="Siga" "value="滋賀県"><label for="Siga">滋賀県</label>
<input type="radio" name="prefecture" id="Kyôto" "value="京都府"><label for="Kyôto">京都府</label>
<input type="radio" name="prefecture" id="Ôsaka" "value="大阪府"><label for="Ôsaka">大阪府</label>
<input type="radio" name="prefecture" id="Hyôgo" "value="兵庫県"><label for="Hyôgo">兵庫県</label>
<input type="radio" name="prefecture" id="Nara" "value="奈良県"><label for="Nara">奈良県</label>
<input type="radio" name="prefecture" id="Wakayama" "value="和歌山県"><label for="Wakayama">和歌山県</label>
<input type="radio" name="prefecture" id="Tottori" "value="鳥取県"><label for="Tottori">鳥取県</label>
<input type="radio" name="prefecture" id="Simane" "value="島根県"><label for="Simane">島根県</label>
<input type="radio" name="prefecture" id="Okayama" "value="岡山県"><label for="Okayama">岡山県</label>
<input type="radio" name="prefecture" id="Hirosima" "value="広島県"><label for="Hirosima">広島県</label>
<input type="radio" name="prefecture" id="Yamaguti" "value="山口県"><label for="Yamaguti">山口県</label>
<input type="radio" name="prefecture" id="Tokusima" "value="徳島県"><label for="Tokusima">徳島県</label>
<input type="radio" name="prefecture" id="Kagawa" "value="香川県"><label for="Kagawa">香川県</label>
<input type="radio" name="prefecture" id="Ehime" "value="愛媛県"><label for="Ehime">愛媛県</label>
<input type="radio" name="prefecture" id="Kôti" "value="高知県"><label for="Kôti">高知県</label>
<input type="radio" name="prefecture" id="Hukuoka" "value="福岡県"><label for="Hukuoka">福岡県</label>
<input type="radio" name="prefecture" id="Saga" "value="佐賀県"><label for="Saga">佐賀県</label>
<input type="radio" name="prefecture" id="Nagasaki" "value="長崎県"><label for="Nagasaki">長崎県</label>
<input type="radio" name="prefecture" id="Kumamoto" "value="熊本県"><label for="Kumamoto">熊本県</label>
<input type="radio" name="prefecture" id="Ôita" "value="大分県"><label for="Ôita">大分県</label>
<input type="radio" name="prefecture" id="Miyazaki" "value="宮崎県"><label for="Miyazaki">宮崎県</label>
<input type="radio" name="prefecture" id="Kagosima" "value="鹿児島県"><label for="Kagosima">鹿児島県</label>
<input type="radio" name="prefecture" id="Okinawa" "value="沖縄県"><label for="Okinawa">沖縄県</label>

<!-- 送信データは英表記、表示は日本語表記 -->
<input type="radio" name="prefecture" id="Hokkaidô" value="北海道"><label for="Hokkaidô">北海道</label>
<input type="radio" name="prefecture" id="Aomori" value="青森県"><label for="Aomori">青森県</label>
<input type="radio" name="prefecture" id="Iwate" value="岩手県"><label for="Iwate">岩手県</label>
<input type="radio" name="prefecture" id="Miyagi" value="宮城県"><label for="Miyagi">宮城県</label>
<input type="radio" name="prefecture" id="Akita" value="秋田県"><label for="Akita">秋田県</label>
<input type="radio" name="prefecture" id="Yamagata" value="山形県"><label for="Yamagata">山形県</label>
<input type="radio" name="prefecture" id="Hukusima" value="福島県"><label for="Hukusima">福島県</label>
<input type="radio" name="prefecture" id="Ibaraki" value="茨城県"><label for="Ibaraki">茨城県</label>
<input type="radio" name="prefecture" id="Totigi" value="栃木県"><label for="Totigi">栃木県</label>
<input type="radio" name="prefecture" id="Gunma" value="群馬県"><label for="Gunma">群馬県</label>
<input type="radio" name="prefecture" id="Saitama" value="埼玉県"><label for="Saitama">埼玉県</label>
<input type="radio" name="prefecture" id="Tiba" value="千葉県"><label for="Tiba">千葉県</label>
<input type="radio" name="prefecture" id="Tôkyô" value="東京都"><label for="Tôkyô">東京都</label>
<input type="radio" name="prefecture" id="Kanagawa" value="神奈川県"><label for="Kanagawa">神奈川県</label>
<input type="radio" name="prefecture" id="Niigata" value="新潟県"><label for="Niigata">新潟県</label>
<input type="radio" name="prefecture" id="Toyama" value="富山県"><label for="Toyama">富山県</label>
<input type="radio" name="prefecture" id="Isikawa" value="石川県"><label for="Isikawa">石川県</label>
<input type="radio" name="prefecture" id="Hukui" value="福井県"><label for="Hukui">福井県</label>
<input type="radio" name="prefecture" id="Yamanasi" value="山梨県"><label for="Yamanasi">山梨県</label>
<input type="radio" name="prefecture" id="Nagano" value="長野県"><label for="Nagano">長野県</label>
<input type="radio" name="prefecture" id="Gihu" value="岐阜県"><label for="Gihu">岐阜県</label>
<input type="radio" name="prefecture" id="Sizuoka" value="静岡県"><label for="Sizuoka">静岡県</label>
<input type="radio" name="prefecture" id="Aiti" value="愛知県"><label for="Aiti">愛知県</label>
<input type="radio" name="prefecture" id="Mie" value="三重県"><label for="Mie">三重県</label>
<input type="radio" name="prefecture" id="Siga" value="滋賀県"><label for="Siga">滋賀県</label>
<input type="radio" name="prefecture" id="Kyôto" value="京都府"><label for="Kyôto">京都府</label>
<input type="radio" name="prefecture" id="Ôsaka" value="大阪府"><label for="Ôsaka">大阪府</label>
<input type="radio" name="prefecture" id="Hyôgo" value="兵庫県"><label for="Hyôgo">兵庫県</label>
<input type="radio" name="prefecture" id="Nara" value="奈良県"><label for="Nara">奈良県</label>
<input type="radio" name="prefecture" id="Wakayama" value="和歌山県"><label for="Wakayama">和歌山県</label>
<input type="radio" name="prefecture" id="Tottori" value="鳥取県"><label for="Tottori">鳥取県</label>
<input type="radio" name="prefecture" id="Simane" value="島根県"><label for="Simane">島根県</label>
<input type="radio" name="prefecture" id="Okayama" value="岡山県"><label for="Okayama">岡山県</label>
<input type="radio" name="prefecture" id="Hirosima" value="広島県"><label for="Hirosima">広島県</label>
<input type="radio" name="prefecture" id="Yamaguti" value="山口県"><label for="Yamaguti">山口県</label>
<input type="radio" name="prefecture" id="Tokusima" value="徳島県"><label for="Tokusima">徳島県</label>
<input type="radio" name="prefecture" id="Kagawa" value="香川県"><label for="Kagawa">香川県</label>
<input type="radio" name="prefecture" id="Ehime" value="愛媛県"><label for="Ehime">愛媛県</label>
<input type="radio" name="prefecture" id="Kôti" value="高知県"><label for="Kôti">高知県</label>
<input type="radio" name="prefecture" id="Hukuoka" value="福岡県"><label for="Hukuoka">福岡県</label>
<input type="radio" name="prefecture" id="Saga" value="佐賀県"><label for="Saga">佐賀県</label>
<input type="radio" name="prefecture" id="Nagasaki" value="長崎県"><label for="Nagasaki">長崎県</label>
<input type="radio" name="prefecture" id="Kumamoto" value="熊本県"><label for="Kumamoto">熊本県</label>
<input type="radio" name="prefecture" id="Ôita" value="大分県"><label for="Ôita">大分県</label>
<input type="radio" name="prefecture" id="Miyazaki" value="宮崎県"><label for="Miyazaki">宮崎県</label>
<input type="radio" name="prefecture" id="Kagosima" value="鹿児島県"><label for="Kagosima">鹿児島県</label>
<input type="radio" name="prefecture" id="Okinawa" value="沖縄県"><label for="Okinawa">沖縄県</label>

<!-- 送信データは都道府県コード、表示は日本語 -->
<input type="radio" name="prefecture" id="Hokkaidô" value="1"><label for="Hokkaidô">北海道</label>
<input type="radio" name="prefecture" id="Aomori" value="2"><label for="Aomori">青森県</label>
<input type="radio" name="prefecture" id="Iwate" value="3"><label for="Iwate">岩手県</label>
<input type="radio" name="prefecture" id="Miyagi" value="4"><label for="Miyagi">宮城県</label>
<input type="radio" name="prefecture" id="Akita" value="5"><label for="Akita">秋田県</label>
<input type="radio" name="prefecture" id="Yamagata" value="6"><label for="Yamagata">山形県</label>
<input type="radio" name="prefecture" id="Hukusima" value="7"><label for="Hukusima">福島県</label>
<input type="radio" name="prefecture" id="Ibaraki" value="8"><label for="Ibaraki">茨城県</label>
<input type="radio" name="prefecture" id="Totigi" value="9"><label for="Totigi">栃木県</label>
<input type="radio" name="prefecture" id="Gunma" value="10"><label for="Gunma">群馬県</label>
<input type="radio" name="prefecture" id="Saitama" value="11"><label for="Saitama">埼玉県</label>
<input type="radio" name="prefecture" id="Tiba" value="12"><label for="Tiba">千葉県</label>
<input type="radio" name="prefecture" id="Tôkyô" value="13"><label for="Tôkyô">東京都</label>
<input type="radio" name="prefecture" id="Kanagawa" value="14"><label for="Kanagawa">神奈川県</label>
<input type="radio" name="prefecture" id="Niigata" value="15"><label for="Niigata">新潟県</label>
<input type="radio" name="prefecture" id="Toyama" value="16"><label for="Toyama">富山県</label>
<input type="radio" name="prefecture" id="Isikawa" value="17"><label for="Isikawa">石川県</label>
<input type="radio" name="prefecture" id="Hukui" value="18"><label for="Hukui">福井県</label>
<input type="radio" name="prefecture" id="Yamanasi" value="19"><label for="Yamanasi">山梨県</label>
<input type="radio" name="prefecture" id="Nagano" value="20"><label for="Nagano">長野県</label>
<input type="radio" name="prefecture" id="Gihu" value="21"><label for="Gihu">岐阜県</label>
<input type="radio" name="prefecture" id="Sizuoka" value="22"><label for="Sizuoka">静岡県</label>
<input type="radio" name="prefecture" id="Aiti" value="23"><label for="Aiti">愛知県</label>
<input type="radio" name="prefecture" id="Mie" value="24"><label for="Mie">三重県</label>
<input type="radio" name="prefecture" id="Siga" value="25"><label for="Siga">滋賀県</label>
<input type="radio" name="prefecture" id="Kyôto" value="26"><label for="Kyôto">京都府</label>
<input type="radio" name="prefecture" id="Ôsaka" value="27"><label for="Ôsaka">大阪府</label>
<input type="radio" name="prefecture" id="Hyôgo" value="28"><label for="Hyôgo">兵庫県</label>
<input type="radio" name="prefecture" id="Nara" value="29"><label for="Nara">奈良県</label>
<input type="radio" name="prefecture" id="Wakayama" value="30"><label for="Wakayama">和歌山県</label>
<input type="radio" name="prefecture" id="Tottori" value="31"><label for="Tottori">鳥取県</label>
<input type="radio" name="prefecture" id="Simane" value="32"><label for="Simane">島根県</label>
<input type="radio" name="prefecture" id="Okayama" value="33"><label for="Okayama">岡山県</label>
<input type="radio" name="prefecture" id="Hirosima" value="34"><label for="Hirosima">広島県</label>
<input type="radio" name="prefecture" id="Yamaguti" value="35"><label for="Yamaguti">山口県</label>
<input type="radio" name="prefecture" id="Tokusima" value="36"><label for="Tokusima">徳島県</label>
<input type="radio" name="prefecture" id="Kagawa" value="37"><label for="Kagawa">香川県</label>
<input type="radio" name="prefecture" id="Ehime" value="38"><label for="Ehime">愛媛県</label>
<input type="radio" name="prefecture" id="Kôti" value="39"><label for="Kôti">高知県</label>
<input type="radio" name="prefecture" id="Hukuoka" value="40"><label for="Hukuoka">福岡県</label>
<input type="radio" name="prefecture" id="Saga" value="41"><label for="Saga">佐賀県</label>
<input type="radio" name="prefecture" id="Nagasaki" value="42"><label for="Nagasaki">長崎県</label>
<input type="radio" name="prefecture" id="Kumamoto" value="43"><label for="Kumamoto">熊本県</label>
<input type="radio" name="prefecture" id="Ôita" value="44"><label for="Ôita">大分県</label>
<input type="radio" name="prefecture" id="Miyazaki" value="45"><label for="Miyazaki">宮崎県</label>
<input type="radio" name="prefecture" id="Kagosima" value="46"><label for="Kagosima">鹿児島県</label>
<input type="radio" name="prefecture" id="Okinawa" value="47"><label for="Okinawa">沖縄県</label>

labelタグで囲ったタイプ

<!-- 送信データも表示名も日本語表記 -->
<label><input type="radio" name="prefecture" "value="北海道">北海道</label>
<label><input type="radio" name="prefecture" "value="青森県">青森県</label>
<label><input type="radio" name="prefecture" "value="岩手県">岩手県</label>
<label><input type="radio" name="prefecture" "value="宮城県">宮城県</label>
<label><input type="radio" name="prefecture" "value="秋田県">秋田県</label>
<label><input type="radio" name="prefecture" "value="山形県">山形県</label>
<label><input type="radio" name="prefecture" "value="福島県">福島県</label>
<label><input type="radio" name="prefecture" "value="茨城県">茨城県</label>
<label><input type="radio" name="prefecture" "value="栃木県">栃木県</label>
<label><input type="radio" name="prefecture" "value="群馬県">群馬県</label>
<label><input type="radio" name="prefecture" "value="埼玉県">埼玉県</label>
<label><input type="radio" name="prefecture" "value="千葉県">千葉県</label>
<label><input type="radio" name="prefecture" "value="東京都">東京都</label>
<label><input type="radio" name="prefecture" "value="神奈川県">神奈川県</label>
<label><input type="radio" name="prefecture" "value="新潟県">新潟県</label>
<label><input type="radio" name="prefecture" "value="富山県">富山県</label>
<label><input type="radio" name="prefecture" "value="石川県">石川県</label>
<label><input type="radio" name="prefecture" "value="福井県">福井県</label>
<label><input type="radio" name="prefecture" "value="山梨県">山梨県</label>
<label><input type="radio" name="prefecture" "value="長野県">長野県</label>
<label><input type="radio" name="prefecture" "value="岐阜県">岐阜県</label>
<label><input type="radio" name="prefecture" "value="静岡県">静岡県</label>
<label><input type="radio" name="prefecture" "value="愛知県">愛知県</label>
<label><input type="radio" name="prefecture" "value="三重県">三重県</label>
<label><input type="radio" name="prefecture" "value="滋賀県">滋賀県</label>
<label><input type="radio" name="prefecture" "value="京都府">京都府</label>
<label><input type="radio" name="prefecture" "value="大阪府">大阪府</label>
<label><input type="radio" name="prefecture" "value="兵庫県">兵庫県</label>
<label><input type="radio" name="prefecture" "value="奈良県">奈良県</label>
<label><input type="radio" name="prefecture" "value="和歌山県">和歌山県</label>
<label><input type="radio" name="prefecture" "value="鳥取県">鳥取県</label>
<label><input type="radio" name="prefecture" "value="島根県">島根県</label>
<label><input type="radio" name="prefecture" "value="岡山県">岡山県</label>
<label><input type="radio" name="prefecture" "value="広島県">広島県</label>
<label><input type="radio" name="prefecture" "value="山口県">山口県</label>
<label><input type="radio" name="prefecture" "value="徳島県">徳島県</label>
<label><input type="radio" name="prefecture" "value="香川県">香川県</label>
<label><input type="radio" name="prefecture" "value="愛媛県">愛媛県</label>
<label><input type="radio" name="prefecture" "value="高知県">高知県</label>
<label><input type="radio" name="prefecture" "value="福岡県">福岡県</label>
<label><input type="radio" name="prefecture" "value="佐賀県">佐賀県</label>
<label><input type="radio" name="prefecture" "value="長崎県">長崎県</label>
<label><input type="radio" name="prefecture" "value="熊本県">熊本県</label>
<label><input type="radio" name="prefecture" "value="大分県">大分県</label>
<label><input type="radio" name="prefecture" "value="宮崎県">宮崎県</label>
<label><input type="radio" name="prefecture" "value="鹿児島県">鹿児島県</label>
<label><input type="radio" name="prefecture" "value="沖縄県">沖縄県</label>

<!-- 送信データは英表記、表示は日本語表記 -->
<label><input type="radio" name="prefecture" value="Hokkaidô">北海道</label>
<label><input type="radio" name="prefecture" value="Aomori">青森県</label>
<label><input type="radio" name="prefecture" value="Iwate">岩手県</label>
<label><input type="radio" name="prefecture" value="Miyagi">宮城県</label>
<label><input type="radio" name="prefecture" value="Akita">秋田県</label>
<label><input type="radio" name="prefecture" value="Yamagata">山形県</label>
<label><input type="radio" name="prefecture" value="Hukusima">福島県</label>
<label><input type="radio" name="prefecture" value="Ibaraki">茨城県</label>
<label><input type="radio" name="prefecture" value="Totigi">栃木県</label>
<label><input type="radio" name="prefecture" value="Gunma">群馬県</label>
<label><input type="radio" name="prefecture" value="Saitama">埼玉県</label>
<label><input type="radio" name="prefecture" value="Tiba">千葉県</label>
<label><input type="radio" name="prefecture" value="Tôkyô">東京都</label>
<label><input type="radio" name="prefecture" value="Kanagawa">神奈川県</label>
<label><input type="radio" name="prefecture" value="Niigata">新潟県</label>
<label><input type="radio" name="prefecture" value="Toyama">富山県</label>
<label><input type="radio" name="prefecture" value="Isikawa">石川県</label>
<label><input type="radio" name="prefecture" value="Hukui">福井県</label>
<label><input type="radio" name="prefecture" value="Yamanasi">山梨県</label>
<label><input type="radio" name="prefecture" value="Nagano">長野県</label>
<label><input type="radio" name="prefecture" value="Gihu">岐阜県</label>
<label><input type="radio" name="prefecture" value="Sizuoka">静岡県</label>
<label><input type="radio" name="prefecture" value="Aiti">愛知県</label>
<label><input type="radio" name="prefecture" value="Mie">三重県</label>
<label><input type="radio" name="prefecture" value="Siga">滋賀県</label>
<label><input type="radio" name="prefecture" value="Kyôto">京都府</label>
<label><input type="radio" name="prefecture" value="Ôsaka">大阪府</label>
<label><input type="radio" name="prefecture" value="Hyôgo">兵庫県</label>
<label><input type="radio" name="prefecture" value="Nara">奈良県</label>
<label><input type="radio" name="prefecture" value="Wakayama">和歌山県</label>
<label><input type="radio" name="prefecture" value="Tottori">鳥取県</label>
<label><input type="radio" name="prefecture" value="Simane">島根県</label>
<label><input type="radio" name="prefecture" value="Okayama">岡山県</label>
<label><input type="radio" name="prefecture" value="Hirosima">広島県</label>
<label><input type="radio" name="prefecture" value="Yamaguti">山口県</label>
<label><input type="radio" name="prefecture" value="Tokusima">徳島県</label>
<label><input type="radio" name="prefecture" value="Kagawa">香川県</label>
<label><input type="radio" name="prefecture" value="Ehime">愛媛県</label>
<label><input type="radio" name="prefecture" value="Kôti">高知県</label>
<label><input type="radio" name="prefecture" value="Hukuoka">福岡県</label>
<label><input type="radio" name="prefecture" value="Saga">佐賀県</label>
<label><input type="radio" name="prefecture" value="Nagasaki">長崎県</label>
<label><input type="radio" name="prefecture" value="Kumamoto">熊本県</label>
<label><input type="radio" name="prefecture" value="Ôita">大分県</label>
<label><input type="radio" name="prefecture" value="Miyazaki">宮崎県</label>
<label><input type="radio" name="prefecture" value="Kagosima">鹿児島県</label>
<label><input type="radio" name="prefecture" value="Okinawa">沖縄県</label>

<!-- 送信データは都道府県コード、表示は日本語表記 -->
<label><input type="radio" name="prefecture" value="1">北海道</label>
<label><input type="radio" name="prefecture" value="2">青森県</label>
<label><input type="radio" name="prefecture" value="3">岩手県</label>
<label><input type="radio" name="prefecture" value="4">宮城県</label>
<label><input type="radio" name="prefecture" value="5">秋田県</label>
<label><input type="radio" name="prefecture" value="6">山形県</label>
<label><input type="radio" name="prefecture" value="7">福島県</label>
<label><input type="radio" name="prefecture" value="8">茨城県</label>
<label><input type="radio" name="prefecture" value="9">栃木県</label>
<label><input type="radio" name="prefecture" value="10">群馬県</label>
<label><input type="radio" name="prefecture" value="11">埼玉県</label>
<label><input type="radio" name="prefecture" value="12">千葉県</label>
<label><input type="radio" name="prefecture" value="13">東京都</label>
<label><input type="radio" name="prefecture" value="14">神奈川県</label>
<label><input type="radio" name="prefecture" value="15">新潟県</label>
<label><input type="radio" name="prefecture" value="16">富山県</label>
<label><input type="radio" name="prefecture" value="17">石川県</label>
<label><input type="radio" name="prefecture" value="18">福井県</label>
<label><input type="radio" name="prefecture" value="19">山梨県</label>
<label><input type="radio" name="prefecture" value="20">長野県</label>
<label><input type="radio" name="prefecture" value="21">岐阜県</label>
<label><input type="radio" name="prefecture" value="22">静岡県</label>
<label><input type="radio" name="prefecture" value="23">愛知県</label>
<label><input type="radio" name="prefecture" value="24">三重県</label>
<label><input type="radio" name="prefecture" value="25">滋賀県</label>
<label><input type="radio" name="prefecture" value="26">京都府</label>
<label><input type="radio" name="prefecture" value="27">大阪府</label>
<label><input type="radio" name="prefecture" value="28">兵庫県</label>
<label><input type="radio" name="prefecture" value="29">奈良県</label>
<label><input type="radio" name="prefecture" value="30">和歌山県</label>
<label><input type="radio" name="prefecture" value="31">鳥取県</label>
<label><input type="radio" name="prefecture" value="32">島根県</label>
<label><input type="radio" name="prefecture" value="33">岡山県</label>
<label><input type="radio" name="prefecture" value="34">広島県</label>
<label><input type="radio" name="prefecture" value="35">山口県</label>
<label><input type="radio" name="prefecture" value="36">徳島県</label>
<label><input type="radio" name="prefecture" value="37">香川県</label>
<label><input type="radio" name="prefecture" value="38">愛媛県</label>
<label><input type="radio" name="prefecture" value="39">高知県</label>
<label><input type="radio" name="prefecture" value="40">福岡県</label>
<label><input type="radio" name="prefecture" value="41">佐賀県</label>
<label><input type="radio" name="prefecture" value="42">長崎県</label>
<label><input type="radio" name="prefecture" value="43">熊本県</label>
<label><input type="radio" name="prefecture" value="44">大分県</label>
<label><input type="radio" name="prefecture" value="45">宮崎県</label>
<label><input type="radio" name="prefecture" value="46">鹿児島県</label>
<label><input type="radio" name="prefecture" value="47">沖縄県</label>

pタグで囲ったタイプ

<!-- 送信データも表示名も日本語表記 -->
<p><input type="radio" name="prefecture" value="北海道">北海道</p>
<p><input type="radio" name="prefecture" value="青森県">青森県</p>
<p><input type="radio" name="prefecture" value="岩手県">岩手県</p>
<p><input type="radio" name="prefecture" value="宮城県">宮城県</p>
<p><input type="radio" name="prefecture" value="秋田県">秋田県</p>
<p><input type="radio" name="prefecture" value="山形県">山形県</p>
<p><input type="radio" name="prefecture" value="福島県">福島県</p>
<p><input type="radio" name="prefecture" value="茨城県">茨城県</p>
<p><input type="radio" name="prefecture" value="栃木県">栃木県</p>
<p><input type="radio" name="prefecture" value="群馬県">群馬県</p>
<p><input type="radio" name="prefecture" value="埼玉県">埼玉県</p>
<p><input type="radio" name="prefecture" value="千葉県">千葉県</p>
<p><input type="radio" name="prefecture" value="東京都">東京都</p>
<p><input type="radio" name="prefecture" value="神奈川県">神奈川県</p>
<p><input type="radio" name="prefecture" value="新潟県">新潟県</p>
<p><input type="radio" name="prefecture" value="富山県">富山県</p>
<p><input type="radio" name="prefecture" value="石川県">石川県</p>
<p><input type="radio" name="prefecture" value="福井県">福井県</p>
<p><input type="radio" name="prefecture" value="山梨県">山梨県</p>
<p><input type="radio" name="prefecture" value="長野県">長野県</p>
<p><input type="radio" name="prefecture" value="岐阜県">岐阜県</p>
<p><input type="radio" name="prefecture" value="静岡県">静岡県</p>
<p><input type="radio" name="prefecture" value="愛知県">愛知県</p>
<p><input type="radio" name="prefecture" value="三重県">三重県</p>
<p><input type="radio" name="prefecture" value="滋賀県">滋賀県</p>
<p><input type="radio" name="prefecture" value="京都府">京都府</p>
<p><input type="radio" name="prefecture" value="大阪府">大阪府</p>
<p><input type="radio" name="prefecture" value="兵庫県">兵庫県</p>
<p><input type="radio" name="prefecture" value="奈良県">奈良県</p>
<p><input type="radio" name="prefecture" value="和歌山県">和歌山県</p>
<p><input type="radio" name="prefecture" value="鳥取県">鳥取県</p>
<p><input type="radio" name="prefecture" value="島根県">島根県</p>
<p><input type="radio" name="prefecture" value="岡山県">岡山県</p>
<p><input type="radio" name="prefecture" value="広島県">広島県</p>
<p><input type="radio" name="prefecture" value="山口県">山口県</p>
<p><input type="radio" name="prefecture" value="徳島県">徳島県</p>
<p><input type="radio" name="prefecture" value="香川県">香川県</p>
<p><input type="radio" name="prefecture" value="愛媛県">愛媛県</p>
<p><input type="radio" name="prefecture" value="高知県">高知県</p>
<p><input type="radio" name="prefecture" value="福岡県">福岡県</p>
<p><input type="radio" name="prefecture" value="佐賀県">佐賀県</p>
<p><input type="radio" name="prefecture" value="長崎県">長崎県</p>
<p><input type="radio" name="prefecture" value="熊本県">熊本県</p>
<p><input type="radio" name="prefecture" value="大分県">大分県</p>
<p><input type="radio" name="prefecture" value="宮崎県">宮崎県</p>
<p><input type="radio" name="prefecture" value="鹿児島県">鹿児島県</p>
<p><input type="radio" name="prefecture" value="沖縄県">沖縄県</p>

<!-- 送信データは英表記、表示は日本語表記 -->
<p><input type="radio" name="prefecture" value="Hokkaidô">北海道</p>
<p><input type="radio" name="prefecture" value="Aomori">青森県</p>
<p><input type="radio" name="prefecture" value="Iwate">岩手県</p>
<p><input type="radio" name="prefecture" value="Miyagi">宮城県</p>
<p><input type="radio" name="prefecture" value="Akita">秋田県</p>
<p><input type="radio" name="prefecture" value="Yamagata">山形県</p>
<p><input type="radio" name="prefecture" value="Hukusima">福島県</p>
<p><input type="radio" name="prefecture" value="Ibaraki">茨城県</p>
<p><input type="radio" name="prefecture" value="Totigi">栃木県</p>
<p><input type="radio" name="prefecture" value="Gunma">群馬県</p>
<p><input type="radio" name="prefecture" value="Saitama">埼玉県</p>
<p><input type="radio" name="prefecture" value="Tiba">千葉県</p>
<p><input type="radio" name="prefecture" value="Tôkyô">東京都</p>
<p><input type="radio" name="prefecture" value="Kanagawa">神奈川県</p>
<p><input type="radio" name="prefecture" value="Niigata">新潟県</p>
<p><input type="radio" name="prefecture" value="Toyama">富山県</p>
<p><input type="radio" name="prefecture" value="Isikawa">石川県</p>
<p><input type="radio" name="prefecture" value="Hukui">福井県</p>
<p><input type="radio" name="prefecture" value="Yamanasi">山梨県</p>
<p><input type="radio" name="prefecture" value="Nagano">長野県</p>
<p><input type="radio" name="prefecture" value="Gihu">岐阜県</p>
<p><input type="radio" name="prefecture" value="Sizuoka">静岡県</p>
<p><input type="radio" name="prefecture" value="Aiti">愛知県</p>
<p><input type="radio" name="prefecture" value="Mie">三重県</p>
<p><input type="radio" name="prefecture" value="Siga">滋賀県</p>
<p><input type="radio" name="prefecture" value="Kyôto">京都府</p>
<p><input type="radio" name="prefecture" value="Ôsaka">大阪府</p>
<p><input type="radio" name="prefecture" value="Hyôgo">兵庫県</p>
<p><input type="radio" name="prefecture" value="Nara">奈良県</p>
<p><input type="radio" name="prefecture" value="Wakayama">和歌山県</p>
<p><input type="radio" name="prefecture" value="Tottori">鳥取県</p>
<p><input type="radio" name="prefecture" value="Simane">島根県</p>
<p><input type="radio" name="prefecture" value="Okayama">岡山県</p>
<p><input type="radio" name="prefecture" value="Hirosima">広島県</p>
<p><input type="radio" name="prefecture" value="Yamaguti">山口県</p>
<p><input type="radio" name="prefecture" value="Tokusima">徳島県</p>
<p><input type="radio" name="prefecture" value="Kagawa">香川県</p>
<p><input type="radio" name="prefecture" value="Ehime">愛媛県</p>
<p><input type="radio" name="prefecture" value="Kôti">高知県</p>
<p><input type="radio" name="prefecture" value="Hukuoka">福岡県</p>
<p><input type="radio" name="prefecture" value="Saga">佐賀県</p>
<p><input type="radio" name="prefecture" value="Nagasaki">長崎県</p>
<p><input type="radio" name="prefecture" value="Kumamoto">熊本県</p>
<p><input type="radio" name="prefecture" value="Ôita">大分県</p>
<p><input type="radio" name="prefecture" value="Miyazaki">宮崎県</p>
<p><input type="radio" name="prefecture" value="Kagosima">鹿児島県</p>
<p><input type="radio" name="prefecture" value="Okinawa">沖縄県</p>

<!-- 送信データは都道府県コード、表示は日本語表記 -->
<p><input type="radio" name="prefecture" value="Hokkaidô">北海道</p>
<p><input type="radio" name="prefecture" value="Aomori">青森県</p>
<p><input type="radio" name="prefecture" value="Iwate">岩手県</p>
<p><input type="radio" name="prefecture" value="Miyagi">宮城県</p>
<p><input type="radio" name="prefecture" value="Akita">秋田県</p>
<p><input type="radio" name="prefecture" value="Yamagata">山形県</p>
<p><input type="radio" name="prefecture" value="Hukusima">福島県</p>
<p><input type="radio" name="prefecture" value="Ibaraki">茨城県</p>
<p><input type="radio" name="prefecture" value="Totigi">栃木県</p>
<p><input type="radio" name="prefecture" value="Gunma">群馬県</p>
<p><input type="radio" name="prefecture" value="Saitama">埼玉県</p>
<p><input type="radio" name="prefecture" value="Tiba">千葉県</p>
<p><input type="radio" name="prefecture" value="Tôkyô">東京都</p>
<p><input type="radio" name="prefecture" value="Kanagawa">神奈川県</p>
<p><input type="radio" name="prefecture" value="Niigata">新潟県</p>
<p><input type="radio" name="prefecture" value="Toyama">富山県</p>
<p><input type="radio" name="prefecture" value="Isikawa">石川県</p>
<p><input type="radio" name="prefecture" value="Hukui">福井県</p>
<p><input type="radio" name="prefecture" value="Yamanasi">山梨県</p>
<p><input type="radio" name="prefecture" value="Nagano">長野県</p>
<p><input type="radio" name="prefecture" value="Gihu">岐阜県</p>
<p><input type="radio" name="prefecture" value="Sizuoka">静岡県</p>
<p><input type="radio" name="prefecture" value="Aiti">愛知県</p>
<p><input type="radio" name="prefecture" value="Mie">三重県</p>
<p><input type="radio" name="prefecture" value="Siga">滋賀県</p>
<p><input type="radio" name="prefecture" value="Kyôto">京都府</p>
<p><input type="radio" name="prefecture" value="Ôsaka">大阪府</p>
<p><input type="radio" name="prefecture" value="Hyôgo">兵庫県</p>
<p><input type="radio" name="prefecture" value="Nara">奈良県</p>
<p><input type="radio" name="prefecture" value="Wakayama">和歌山県</p>
<p><input type="radio" name="prefecture" value="Tottori">鳥取県</p>
<p><input type="radio" name="prefecture" value="Simane">島根県</p>
<p><input type="radio" name="prefecture" value="Okayama">岡山県</p>
<p><input type="radio" name="prefecture" value="Hirosima">広島県</p>
<p><input type="radio" name="prefecture" value="Yamaguti">山口県</p>
<p><input type="radio" name="prefecture" value="Tokusima">徳島県</p>
<p><input type="radio" name="prefecture" value="Kagawa">香川県</p>
<p><input type="radio" name="prefecture" value="Ehime">愛媛県</p>
<p><input type="radio" name="prefecture" value="Kôti">高知県</p>
<p><input type="radio" name="prefecture" value="Hukuoka">福岡県</p>
<p><input type="radio" name="prefecture" value="Saga">佐賀県</p>
<p><input type="radio" name="prefecture" value="Nagasaki">長崎県</p>
<p><input type="radio" name="prefecture" value="Kumamoto">熊本県</p>
<p><input type="radio" name="prefecture" value="Ôita">大分県</p>
<p><input type="radio" name="prefecture" value="Miyazaki">宮崎県</p>
<p><input type="radio" name="prefecture" value="Kagosima">鹿児島県</p>
<p><input type="radio" name="prefecture" value="Okinawa">沖縄県</p>