都道府県SELECTのひな形【日本語・英語あり】

3510 Views
2018年01月23日 HTML

お問い合わせなどでフォームを実装している時、欲しくなるひな形のひとつとして都道府県が有ると思います。

Google先生に聞けばだいたい出てくるのですが、valueの値が日本語で欲しい時、英語がいい時などケースによってさまざまです。
（表示も英語がいいときもありますよね）

そんなひな形をコピペ用で掲載しておきます。

SNSでシェア♪

Value・表示共に日本語

<select name="pref">
	<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>

Value英語・表示日本語

<select name="pref">
	<option value="">都道府県</option>
	<option value="hokkaido">北海道</option>
	<option value="aomori">青森県</option>
	<option value="iwate">岩手県</option>
	<option value="miyagi">宮城県</option>
	<option value="akita">秋田県</option>
	<option value="yamagata">山形県</option>
	<option value="fukushima">福島県</option>
	<option value="ibaraki">茨城県</option>
	<option value="tochigi">栃木県</option>
	<option value="gunma">群馬県</option>
	<option value="saitama">埼玉県</option>
	<option value="chiba">千葉県</option>
	<option value="tokyo">東京都</option>
	<option value="kanagawa">神奈川県</option>
	<option value="niigata">新潟県</option>
	<option value="toyama">富山県</option>
	<option value="ishikawa">石川県</option>
	<option value="fukui">福井県</option>
	<option value="yamanashi">山梨県</option>
	<option value="nagano">長野県</option>
	<option value="gifu">岐阜県</option>
	<option value="shizuoka">静岡県</option>
	<option value="aichi">愛知県</option>
	<option value="mie">三重県</option>
	<option value="shiga">滋賀県</option>
	<option value="kyoto">京都府</option>
	<option value="osaka">大阪府</option>
	<option value="hyogo">兵庫県</option>
	<option value="nara">奈良県</option>
	<option value="wakayama">和歌山県</option>
	<option value="tottori">鳥取県</option>
	<option value="shimane">島根県</option>
	<option value="okayama">岡山県</option>
	<option value="hiroshima">広島県</option>
	<option value="yamaguchi">山口県</option>
	<option value="tokushima">徳島県</option>
	<option value="kagawa">香川県</option>
	<option value="ehime">愛媛県</option>
	<option value="kochi">高知県</option>
	<option value="fukuoka">福岡県</option>
	<option value="saga">佐賀県</option>
	<option value="nagasaki">長崎県</option>
	<option value="kumamoto">熊本県</option>
	<option value="oita">大分県</option>
	<option value="miyazaki">宮崎県</option>
	<option value="kagoshima">鹿児島県</option>
	<option value="okinawa">沖縄県</option>
</select>

</select>

Value・表示共に英語

<select name="pref">
	<option value="">Prefectures</option>
	<option value="hokkaido">Hokkaido</option>
	<option value="aomori">Aomori</option>
	<option value="iwate">Iwate</option>
	<option value="miyagi">Miyagi</option>
	<option value="akita">Akita</option>
	<option value="yamagata">Yamagata</option>
	<option value="fukushima">Fukushima</option>
	<option value="ibaraki">Ibaraki</option>
	<option value="tochigi">Tochigi</option>
	<option value="gunma">Gunma</option>
	<option value="saitama">Saitama</option>
	<option value="chiba">Chiba</option>
	<option value="tokyo">Tokyo</option>
	<option value="kanagawa">Kanagawa</option>
	<option value="niigata">Niigata</option>
	<option value="toyama">Toyama</option>
	<option value="ishikawa">Ishikawa</option>
	<option value="fukui">Fukui</option>
	<option value="yamanashi">Yamanashi</option>
	<option value="nagano">Nagano</option>
	<option value="gifu">Gifu</option>
	<option value="shizuoka">Shizuoka</option>
	<option value="aichi">Aichi</option>
	<option value="mie">Mie</option>
	<option value="shiga">Shiga</option>
	<option value="kyoto">Kyoto</option>
	<option value="osaka">Osaka</option>
	<option value="hyogo">Hyogo</option>
	<option value="nara">Nara</option>
	<option value="wakayama">Wakayama</option>
	<option value="tottori">Tottori</option>
	<option value="shimane">Shimane</option>
	<option value="okayama">Okayama</option>
	<option value="hiroshima">Hiroshima</option>
	<option value="yamaguchi">Yamaguchi</option>
	<option value="tokushima">Tokushima</option>
	<option value="kagawa">Kagawa</option>
	<option value="ehime">Ehime</option>
	<option value="kochi">Kochi</option>
	<option value="fukuoka">Fukuoka</option>
	<option value="saga">Saga</option>
	<option value="nagasaki">Nagasaki</option>
	<option value="kumamoto">Kumamoto</option>
	<option value="oita">Oita</option>
	<option value="miyazaki">Miyazaki</option>
	<option value="kagoshima">Kagoshima</option>
	<option value="okinawa">Okinawa</option>
</select>

<option value="">Prefectures</option>

<option value="hokkaido">Hokkaido</option>

<option value="aomori">Aomori</option>

<option value="iwate">Iwate</option>

<option value="miyagi">Miyagi</option>

<option value="akita">Akita</option>

<option value="yamagata">Yamagata</option>

<option value="fukushima">Fukushima</option>

<option value="ibaraki">Ibaraki</option>

<option value="tochigi">Tochigi</option>

<option value="gunma">Gunma</option>

<option value="saitama">Saitama</option>

<option value="chiba">Chiba</option>

<option value="tokyo">Tokyo</option>

<option value="kanagawa">Kanagawa</option>

<option value="niigata">Niigata</option>

<option value="toyama">Toyama</option>

<option value="ishikawa">Ishikawa</option>

<option value="fukui">Fukui</option>

<option value="yamanashi">Yamanashi</option>

<option value="nagano">Nagano</option>

<option value="shizuoka">Shizuoka</option>

<option value="aichi">Aichi</option>

<option value="shiga">Shiga</option>

<option value="kyoto">Kyoto</option>

<option value="osaka">Osaka</option>

<option value="hyogo">Hyogo</option>

<option value="wakayama">Wakayama</option>

<option value="tottori">Tottori</option>

<option value="shimane">Shimane</option>

<option value="okayama">Okayama</option>

<option value="hiroshima">Hiroshima</option>

<option value="yamaguchi">Yamaguchi</option>

<option value="tokushima">Tokushima</option>

<option value="kagawa">Kagawa</option>

<option value="ehime">Ehime</option>

<option value="kochi">Kochi</option>

<option value="fukuoka">Fukuoka</option>

<option value="nagasaki">Nagasaki</option>

<option value="kumamoto">Kumamoto</option>

<option value="miyazaki">Miyazaki</option>

<option value="kagoshima">Kagoshima</option>

<option value="okinawa">Okinawa</option>

</select>

Value連番・表示日本語

<select name="pref">
	<option value="">都道府県</option>
	<option value="01">北海道</option>
	<option value="02">青森県</option>
	<option value="03">岩手県</option>
	<option value="04">宮城県</option>
	<option value="05">秋田県</option>
	<option value="06">山形県</option>
	<option value="07">福島県</option>
	<option value="08">茨城県</option>
	<option value="09">栃木県</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>

</select>

SNSでシェア♪