*

住所入力フォームを作るプログラマーは必見!「都道府県一覧セレクトフォーム」

コピー&ペーストで簡単に作成!

 

おはようございます!茅野です。

 

ウェブアプリケーションの開発でよく利用するのが、住所を入力するフォームです。

問い合わせや会員登録などでほぼ必須と言っていいでしょう。

address_form

 

この住所のうち都道府県名はあらかじめわかっていますから、テキストで直接入力するのではなく、図のようにセレクトボックスで選択するケースが多いですね。

 

わずらわしい都道府県名セレクトボックスのタグ

さて、この都道府県セレクトボックスを作る時ですが、わずらわしいのが全ての都道府県を網羅すること。

北海道から沖縄までを、HTMLのオプション要素(<option>)でタグ付けするのが面倒なものです。

 

都道府県名に規則性はありませんから、ひとつひとつ手動で記述していかなければいけません。

 

プログラマー必見!

そんなわずらわしさを感じていた時に見つけたのがこのページ。

都道府県の一覧を、セレクトボックス用に用意してくれています。

 

都道府県一覧セレクトフォーム
http://www.ahref.org/hinagata/todouhuken.html

ahref_prefecture_selectbox_web

 

なんとまあ親切なページでしょう!

 

コピーしてソースコードに貼付けるだけで、後は多少の加工で都道府県別のセレクトボックスがラクに作れてしまいます。

また、各都道府県にはJISコードでIDが指定されていますが、その様式にも対応しているのがいいですね!

 

指示するのはプログラマーだけ?

プログラマーとしては、都道府県名が規則性のあるものだったらなあと思ったりします。

「北海道」ではなく「1県」、「青森県」なら「2県」であればプログラムで取り扱いやすいですが、それだとなんとも味気ないのも事実。

 

この案を指示するのはプログラマーだけのようですねぇ...

自己紹介ビデオを作りました!
JV(ジョイントベンチャー)しませんか?

関連記事

ffmpeg_web

動画の編集なら定番のライブラリ「FFmpeg」

YouTubeも使っているとか?   おはようござい...

記事を読む

php_logo

PHPバージョン5になって残念なことに 関数「fgetcsv」

実は文字化けします   おはようございます!茅野です...

記事を読む

新着記事

ai

人工知能は今度こそブレークするか?ディープラーニングのビジネスへの応用

FacebookやGoogleが人工知能に夢中な理由 今...

記事を読む

moschinotoy_2

ド素人でもこんな写真が!商品撮影セット「フォトラ」のスゴさ

ネット物販でもっとも大事なもの   おはようございま...

記事を読む

amicolla_banner

明治アミノコラーゲンのコピー “途切れる会話”がキーワード

いつものコラーゲンで大丈夫?   おはようございます...

記事を読む

facebook_ads

ツールを使ってユーザーのリストをごっそりと フェイスブック広告

いいことずくめの宣伝活動   おはようございます!茅...

記事を読む

directpublishing_banner

またも見かけた新聞記事風バナー 今度はダイレクト出版

ダン・ケネディが登場   おはようございます!茅野で...

記事を読む

コメント/トラックバック

現在、この投稿へのトラックバックは受け付けていません。

コメントフィード




管理人にのみ公開されます


八 + 4 =

ai
人工知能は今度こそブレークするか?ディープラーニングのビジネスへの応用

FacebookやGoogleが人工知能に夢中な理由 今...

moschinotoy_2
ド素人でもこんな写真が!商品撮影セット「フォトラ」のスゴさ

ネット物販でもっとも大事なもの   おはようございま...

amicolla_banner
明治アミノコラーゲンのコピー “途切れる会話”がキーワード

いつものコラーゲンで大丈夫?   おはようございます...

facebook_ads
ツールを使ってユーザーのリストをごっそりと フェイスブック広告

いいことずくめの宣伝活動   おはようございます!茅...

directpublishing_banner
またも見かけた新聞記事風バナー 今度はダイレクト出版

ダン・ケネディが登場   おはようございます!茅野で...

→もっと見る

  • 2017年10月
    « 3月    
    1234567
    891011121314
    15161718192021
    22232425262728
    293031  
PAGE TOP ↑