2012-11-20 29 views
6

可能性の重複:私は私のサイト内のすべての入力タグのラウンドボーダーを作るために、このコードを使用して、私のCSSで
Can I specify maxlength in css?CSS3を使用して入力テキストの長さを制限する方法は?

input 
{ 
max-lenght: 50; 
} 

どれsugestions:同じように(例えば50文字)で入力のな長さを制限することが可能である場合、私は、私は(これが動作していない)のようなものを想像

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

だろう?どうもありがとうございました!

EDIT:この質問は、ユーザが、私はHTMLの入力フィールドに文字制限を扱うでしょうフィールド、入力しない

+0

HTML経由ですか? http://www.w3schools.com/tags/att_input_maxlength.asp – Vucko

+0

「maxlength」の制限は意味的なものであり、表現的なものではなく、CSSルールではなくHTML属性として指定されているからです。 – raina77ow

+0

あなたは '='の代わりに ':'を使用します。 – zeyorama

答えて

13

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

10

の目に見える大きさに書き込むことができますどのように多くの文字についてです。例えば

<input type="text" id="textbox" name="textbox" maxlength="50" /> 
+0

はい、私はそれらをたくさん持っていますし、私は "自動"の方法については不思議でした:) – yenssen

+0

入力ボックスに入力された文字数を制限するJavaScriptを書く手間に行く可能性があります。入力フィールドの 'keydown'イベントをバインドし、文字数をカウントし、50以上の場合は、入力フィールドに文字が書き込まれないようにする必要があります – jfmbrennan

+0

http:// jsfiddle。 net/mKcgn/ – jfmbrennan

1

更新:

あなただけの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のみの解決策はありません。

関連する問題