特定の位置にある入力タグのデフォルト値

Question

これが可能かどうかわからないので、ここにその部分があります。次のような入力タグがあるとします。

<input id="expiry" name="expiry" type="text" placeholder="MM/YY"> 

は今、私が欲しいもの、彼のタイプ1212は、テキストボックスが自動的に12/12になるはずです、それはそうであれば、どのように行うことができたときに、ユーザーが既に、すなわちを「/」の部分を見なければならないことです。前もって感謝します。

Answer 1

をチェック最近、私は素敵に見えるプラグインを発見し、私はそれはあなたが後にしている何を考えて、私は」 cleave.js

Answer 2

HTML/CSSのみのアプローチについて、あなたは2つの入力を使用することができ、そして内側の縁には国境でそれらをスタイル：

<input type="text" maxlength="2"> 
<span>/</span> 
<input type="text" maxlength="2"> 

display: inline-block;に設定inputとspan要素とのいくつかのスタイルでこれは必須のJavascriptを使用しない、強力でセマンティックなアプローチです。

Answer 3

はjqueryのマスクプラグインを使用しよう：

$(document).ready(function(){ 
$('#expiry').mask('00/00'); 
}); 

Answer 4

<input id="expiry" name="expiry" type="text" placeholder="MM/YY"> 
<script type="text/javascript"> 
    $("#expiry").bind('keyup mouseup', function() { 
    if($('#expiry').val().length ==2){ 
    $('#expiry').val($('#expiry').val()+'/'); 
    }   
}); 

</script> 

fiddle