【jQuery】この発想は無かったープラグインとか【備忘録】

◆「自動的にカナ入力してくれるautoKana.js」

Find the best information and most relevant links on all topics related to This domain may be for sale!

<form>
<label for="userName">氏名</label>
<input type="text" id="userName" placeholder="こっちに漢字を書き込むと…">
<label for="userNameKana">氏名カナ</label>
<input type="text" id="userNameKana" placeholder="こっちにカタカナが勝手に入力される">
</form>

漢字のテキストフォームとカタカナのテキストフォームの2つに任意のIDを指定。

<script src="./jquery.autoKana.js"></script>
<script>
$(function() {
    $.fn.autoKana('#userName', '#userNameKana', {
        katakana : true  //true：カタカナ、false：ひらがな（デフォルト）
    });
});
</script>

optionのkatakanaでtrueを指定するとカナ。
何も指定しないと平仮名。

◆「郵便番号から住所自動入力　ajaxzip3」

超簡単！たった2行だけで郵便番号から住所自動表示する方法：ajaxzip3

あなたのウェブサイトの郵便番号入力フォームは、入力しても住所が自動入力されず、お客さまにとって使いづらいフォームになってしまっていませんか？そこで今回は、その離脱の原因の一つである「入力が面倒」を未然に防ぐ「たった2行で郵便番号から住所を自動入力する方法」をご紹介します！

郵便番号を二つのフィールドに入力する場合

<!-- ▼郵便番号入力フィールド(7桁) -->
<input type="text" name="zip01" size="10" maxlength="8" onKeyUp="AjaxZip3.zip2addr(this,'','pref01','addr01');">
<!-- ▼住所入力フィールド(都道府県) -->
<input type="text" name="pref01" size="20">
<!-- ▼住所入力フィールド(都道府県以降の住所) -->
<input type="text" name="addr01" size="60">

◆HTML5のブラウザ対応状況をチェックできるサイト