2012-11-20 14 views
6

Olası Çoğalt: benim sitedeki tüm giriş etiketleri için yuvarlak sınırları yapmak için bu kodu kullanmak benim BB'de
Can I specify maxlength in css?CSS3 kullanarak giriş metni uzunluğu nasıl sınırlanır?

.

input 
{ 
max-lenght: 50; 
} 

Herhangi önerilerinizi: ben böyle bir şey hayal

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

aynı şekilde girişin boylu (örneğin 50 karakter) (bu olmuyor) sınırlamak mümkün olup olmadığını merak ediyorum ? Çok teşekkür ederim!

DÜZENLEME: Bu soru kullanıcı alanına yazabilir kaç karakter hakkındadır, giriş

+0

HTML ile mi? http://www.w3schools.com/tags/att_input_maxlength.asp – Vucko

+0

Evet, sanırım bunun tam anlamı, "maxlength" sınırlaması, semantik değil, temsil niteliğidir, HTML niteliği olarak belirtilir ve CSS kuralı olarak değil. – raina77ow

+0

css'de '' 'yerine' = ' – zeyorama

cevap

13

Girdi karakter sayısını sınırlamak için CSS kullanamazsınız. Bu fonksiyonel bir kısıtlama olurdu ve CSS sunumla ilgilenir.

10

ben html giriş alanında karakter sınırı ele alabileceğinizi değil görünür boyutu. Örneğin.

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

evet, ama bir sürü var ve ben bir "otomatik" yolu :) – yenssen

+0

merak ediyordum bir giriş kutusuna girilen karakter sayısını sınırlamak için JavaScript yazarken sorun olabilir. Giriş alanının 'keydown' olayını bağlamanız, karakterler üzerinde bir sayım yapmanız ve 50'den fazla ise karakterin giriş alanını – jfmbrennan

+0

giriş alanına yazmasını engellemeniz gerekir. Bu ... http: // jsfiddle. net/mKcgn/ – jfmbrennan

1

Güncelleme:

Yalnızca jQuery kullanabilirsiniz.


Gerçekten css ve javascript kombinasyonunu kullanabilirsiniz otomatik bir yöntem istiyorsanız

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

.

JavaScript/JQuery

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

CSS

.inputMaxLength 
{ 

} 

bir kesmek

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

Bit HTML, ama çalışır. Bildiğim kadarıyla sadece css çözümü yoktur.

İlgili konular