javascriptを利用した地味ながら多機能なフォーム

作者さんが「主張しないフォーム」と名付けているように、一見地味ながら多機能なフォームです。3種類のjavascriptを駆使しています。このまま実際に利用できそうなので取り上げました。

● ひらがな入力してほしい部分にカタカナで入力してもひらがなに自動変換。

● 英数字を半角で入力してほしい部分に全角で入力しても半角に自動変換。郵便番号は、入力がハイフンの有る無しに関わらず半角ハイフン付きに自動変換。

● 郵便番号から住所を自動入力。

● 次の入力フィールドへ移動する際に間違って「エンター(リターン)」キーを押してしまっても、submitされてエラー!ということがなく、[tab]キーと同じく次の入力フィールドへ移動できます。

サンプルフォーム
戻るボタン