フォームのフリガナを自動入力する AutoRuby.js

フォームのフリガナを自動入力させるAutoRuby.js | ホームページ制作・運営のヒント フォームのフリガナを自動で入力してくれるjavascript。 日本語を入力すると自動でカタカナフィールドにフリガナが入力され […]

フォームのフリガナを自動入力させるAutoRuby.js | ホームページ制作・運営のヒント

フォームのフリガナを自動で入力してくれるjavascript。
日本語を入力すると自動でカタカナフィールドにフリガナが入力されます。

使い方は、<head>内に以下の2行を追加し、
名前のフィールドのidを[name]に、フリガナのidを[ruby]にするだけです。

<script src="prototype.js" type="text/javascript"></script>
<script src="auto_ruby.js" type="text/javascript"></script>

ただしエンコードはUTF-8のみの対応らしいので、Shift_JISの場合は確認した方が良さそうです。
設定を変える事で、表示を”ひらがな”か”カタカナ”かも選べます。

sample

お名前 :
フリガナ:

ちょっとした機能ですが、フォームはこういう部分まで気を使いたいものです。

Add Comment

本文

コメントはまだありません。

PAGE TOP