Puis-je spécifier maxlength en css?

Puis-je remplacer l'attribut maxlength avec quelque chose dans le CSS?

<input type='text' id="phone_extension" maxlength="4" />
InformationsquelleAutor Brian Ramsay | 2009-09-01
  1. 61

    Pas. Ce qui doit être fait dans le code HTML. Vous pouvez définir la valeur avec le Javascript si vous avez besoin de quoique.

    InformationsquelleAutor edeverett
  2. 121

    Pas.

    maxlength est pour le comportement.

    CSS pour le style.

    C'est pourquoi.

    • Aussi, CSS peut être appliquée globalement à toute balise, donc il ne serait pas logique d'avoir une propriété maxlength appliqué à une balise div ou img etc.
    • Mais que faire si vous voulez appliquer une propriété maxlength à un ensemble commun de types d'entrée (par exemple, prénom, ville, état) et vous pouvez avoir plusieurs instances de ces entrées dans divers endroits à travers le site web. Il serait bon d'être en mesure de définir une classe (par exemple, "Prenom") et qu'ils appliquent cette classe à tous prénom Entrées <Input class="Prenom">
    • C'est une limitation de HTML et CSS pour contourner ce serait un vilain hack. C'est pourquoi la plupart des frameworks web de fournir un modèle de système avec des composants personnalisés.
    InformationsquelleAutor
  3. 11

    Vous pouvez utiliser jQuery comme: 

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

    Voici une démo: http://jsfiddle.net/TmsXG/13/

    InformationsquelleAutor macio.Jun
  4. 6

    Je ne pense pas que vous le pouvez, et CSS est censé décrire l'apparence de la page pas ce qu'il fait, de sorte que même si vous pouvez, ce n'est pas vraiment la façon dont vous devriez utiliser.

    Peut-être vous devriez penser à utiliser JQuery pour appliquer les mêmes fonctionnalités à votre formulaire de composants?

    InformationsquelleAutor Charlie
  5. 4

    Pas avec le CSS, pas de.

    InformationsquelleAutor JMP
  6. 3

    Pas avec le CSS, mais vous pouvez imiter et dépasser de personnaliser le comportement désiré avec JavaScript.

    InformationsquelleAutor code_burgar
  7. 2

    Que d'autres ont répondu, il n'y a pas de courant de façon à ajouter maxlength directement à une classe CSS.

    Cependant, cette solution créative peut réaliser ce que vous cherchez.

    J'ai le jQuery dans un fichier nommé maxLengths.js qui je de référence dans le site (le site.maître ASP)

    exécuter l'extrait de les voir en action, fonctionne bien.

    jquery, css, html:

    JS:

    $(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;
        }

    });
});

    CSS:

    .maxLenAddress1{} /* this is here mostly for intellisense usage, but can be altered if you like */

    HTML:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<input type="text" class="maxLenAddress1" />

    L'avantage de l'utilisation de celui-ci: s'il est décidé la longueur maximum pour ce type de terrain a besoin d'être poussés hors ou dans l'ensemble de votre application, vous pouvez le changer en un seul endroit. Est très pratique pour les longueurs de champ pour des choses comme les codes du client, le nom complet de champs, les champs de courrier électronique, un champ commun à l'échelle de votre application.

    • Ce code est très facile de copier et coller pour plusieurs types de champ. J'ai garder un fichier jQuery appelé "maxLengths.js" et l'inclure dans mon site maître. L'essayer, c'est très pratique!
    • Juste parce que vous utilisez une classe HTML ce n'est pas de CSS.
    • merci pour votre très apprécié des commentaires sur ma réponse. je dirais bien que je ne suis pas d'appliquer à n'importe quel style de l'élément, je suis toujours à l'aide d'une feuille de style en cascade dans ma solution, donc CSS est utilisé. en outre, j'ai mis à jour ma réponse pour tenir compte de votre observation.
    InformationsquelleAutor Taylor Brown
  8. 0

    Utilisation $("input").attr("maxlength", 4)
    si vous utilisez la version jQuery < 1.6
    et $("input").prop("maxLength", 4)
    si vous utilisez la version jQuery 1.6+.

    InformationsquelleAutor Rohit