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

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

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

いいえ。これはHTMLで行う必要があります。ただし、必要に応じてJavascriptで値を設定できます。

番号。

maxlengthは動作用です。

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

それが理由です。

次のようなjQueryを使用できます。

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

これがデモです：http：//jsfiddle.net/TmsXG/13/

私はあなたができるとは思いません、そしてCSSはページがどのように見えるかを説明することになっているので、あなたができたとしても、それはあなたがそれをどのように使うべきかではありません。

おそらく、JQueryを使用してフォームコンポーネントに共通の機能を適用することを検討する必要がありますか？

CSSではありません。

CSSではありませんが、JavaScriptを使用して目的の動作をエミュレートおよび拡張/カスタマイズできます。

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

しかし、この創造的なソリューションはあなたが探しているものを達成することができます。

サイト（ASPの場合はsite.master）で参照するmaxLengths.jsという名前のファイルにjQueryがあります

スニペットを実行して実際の動作を確認してください。うまく機能します。

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か所で変更できます。顧客コード、氏名フィールド、電子メールフィールド、アプリケーション全体で共通のフィールドなどのフィールド長に便利です。

$("input").attr("maxlength", 4) jQueryバージョン<1.6を使用していて、jQueryバージョン1.6以降を使用している場合に使用します$("input").prop("maxLength", 4) 。