今日の人気記事

  1. 追尾型(オーバーレイ)広告を表示「Meerkat」
  2. Google Mapsの地図を簡単に表示「jQuery Google Map」
  3. 横方向のスライダー「Scrollyeah」
  4. JSONデータからテーブルを表示「Columns」 - ソート - 検索 - ページャー
  5. 画像に拡大・縮小ボタンを「Zoomer」

ソフトウェアキーボードで暗証番号を入力「Keypad」

スポンサーリンク

ソフトウェアキーボードで暗証番号を入力できるようにしてくれるプラグイン「Keypad」を紹介します。

jQueryプラグイン「Keypad」

このプラグインを使えば、数字を入力するためのソフトウェアキーボードを実装することができます。

また、数字をランダムに表示する……といった便利なオプションもついています。

スポンサーリンク

それではデモページの入力フォームを使ってみてください。

「Keypad」のデモ

デモのソース(HTML + jQuery)


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Keypad のデモでーす。">
<title>Keypad - jQueryプラグイン</title>
<link href="jquery.keypad.css" rel="stylesheet">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="jquery.plugin.js"></script>
<script src="jquery.keypad.js"></script>
<script>
$(function () {
  $('#defaultKeypad').keypad({
    randomiseNumeric: true
  });
});
</script>
</head>
<body>
<h1>Keypad のデモでーす。</h1>
<p><input type="password" id="defaultKeypad"></p>
</body>
</html>
スポンサーリンク

関連記事(一部広告含む)