maxlengthをcssで指定できますか？

Question

maxlength属性をCSSの何かに置き換えることはできますか？

<input type='text' id="phone_extension" maxlength="4" /> 

Answer 1

いいえ。これは、HTMLで行われる必要があります。あなたが必要な場合は、Javascriptで値を設定することができます。

Answer 2

CSSはありません。

Answer 3

maxlengthは動作のためのものです。

CSSはスタイリング用です。

それが理由です。

Answer 4

私はあなたができるとは思わない、とCSSは、ページが、それが何をするかではないに見えますので、も、あなたができれば、それはあなたがそれを使用する必要がありますどのように実際にはありませんどのように記述することになっています。

おそらく、あなたはあなたのフォームコンポーネントに共通の機能を適用するためのjQueryを使用して考える必要がありますか？ CSSと

Answer 5

ない、しかし、あなたはエミュレートとJavaScriptを用いて所望の動作をカスタマイズ/拡張することができます。

Answer 6

あなたが好きなのjQueryを使用することができます：ここで

$("input").attr("maxlength", 4) 

はデモです：http://jsfiddle.net/TmsXG/13/

Answer 7

使用$("input").attr("maxlength", 4) あなたはjQueryのバージョン1.6を使用している場合は、jQueryのバージョン< 1.6 と$("input").prop("maxLength", 4) を使用している場合+。

Answer 8

他の人が答えてきたように、CSSクラスに直接MAXLENGTHを追加する現在の方法はありません。

しかし、この創造的な解決策は、あなたが探しているものを達成することができます。

私は、私がサイトで参照するファイルの名前maxLengths.jsでjQueryの（ASP用site.master）

が行動でそれを見るためにスニペットを実行する必要がありうまく動作します。

jqueryの、CSS、HTML：

$(function() { 
 
    $(".maxLenAddress1").keypress(function (event) { 
 

 
     if ($(this).val().length == 5) { /* obv 5 is too small for an address field, just want to use as an example though */ 
 
      return false; 
 
     } else { 
 
      return true; 
 
     } 
 

 
    }); 
 
});

.maxLenAddress1{} /* this is here mostly for intellisense usage, but can be altered if you like */

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 

 
<input type="text" class="maxLenAddress1" />

これを使用する利点：それは決定されている場合、フィールドのこのタイプの最大の長さがたり、全体に押し出される必要がありますアプリケーション全体で1つの場所で変更することができます。顧客コード、フルネームフィールド、電子メールフィールド、アプリケーション共通のフィールドなどのフィールド長に便利です。