Posso specificare maxlength in css?

Question

Posso sostituire l'attributo maxlength con qualcosa in CSS?

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

Answer 1

No. Questo deve essere fatto nel codice HTML. È possibile impostare il valore con Javascript se è necessario.

Answer 2

Non con CSS, no.

Answer 3

No.

maxlength è per il comportamento.

CSS è per lo styling.

Ecco perché.

Answer 4

Non credo che si possa, e CSS si suppone descriva come la pagina non sembra quello che fa, quindi anche se poteste, non è proprio come dovreste usarlo.

Forse dovresti pensare all'utilizzo di JQuery per applicare funzionalità comuni ai componenti del modulo?

Answer 5

Non con CSS, ma è possibile emulare ed estendere/personalizzare il comportamento desiderato con JavaScript.

Answer 6

È possibile utilizzare jQuery come:

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

Ecco una demo: http://jsfiddle.net/TmsXG/13/

Answer 7

Usa $("input").attr("maxlength", 4) se si sta utilizzando la versione jQuery < 1.6 e $("input").prop("maxLength", 4) se si utilizza jQuery versione 1.6 +.

Answer 8

Come altri hanno risposto, non esiste un modo corrente per aggiungere maxlength direttamente a una classe CSS.

Tuttavia, questa soluzione creativa può ottenere ciò che stai cercando.

Ho la jQuery in un file chiamato maxLengths.js che ho di riferimento nel sito (Site.master per ASP)

eseguire il frammento di vederlo in azione, funziona bene.

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" />

Il vantaggio di utilizzare questo: se si decide la lunghezza massima per questo tipo di campo ha bisogno di essere spinto fuori o in tutta la vostra tutta l'applicazione è possibile modificarlo in un unico punto. È utile per lunghezze di campo per articoli come codici cliente, campi nome completo, campi di posta elettronica, qualsiasi campo comune nell'applicazione.