8

重複の可能性:
css で maxlength を指定できますか?

私の CSS では、このコードを使用して、サイト内のすべての入力タグに丸い境界線を作成しています。同じように入力の長さを制限することは可能でしょうか (例えば 50 文字)

input  
{ 
border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
}

私は次のようなものを想像します(これは機能していません):

input
{
max-lenght: 50;
}

何か提案はありますか？どうもありがとうございました！

編集:この質問は、入力の表示サイズではなく、ユーザーがフィールドに書き込むことができる文字数に関するものです

4

3 に答える 3

18

CSS を使用して入力文字数を制限することはできません。それは機能上の制限であり、CSS はプレゼンテーションを扱います。

于 2012-11-21T05:51:23.653 に答える
16

HTML入力フィールドの文字制限を処理します。例えば

<input type="text" id="textbox" name="textbox" maxlength="50" />
于 2012-11-21T00:01:17.917 に答える
2

アップデート：

Jqueryのみ使用できます。

$(document).ready(function () {
    $("input").attr('maxlength', '5');    
});

本当に自動メソッドが必要な場合は、css と javascript の組み合わせを使用できます。

JavaScript/JQuery

$(document).ready(function () {
    // Get all the elements with class inputMaxLength and add maxlength attribute to them
    $(".inputMaxLength").attr('maxlength', '5');    
});

CSS

.inputMaxLength
{

}

HTML

<input type="text" id="textbox" class="inputMaxLength" name="textbox" />

ちょっとしたハックですが、動作します。私が知る限り、CSS のみの解決策はありません。

于 2012-11-21T00:39:32.757 に答える