IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Size par défaut d'un input


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé Avatar de DJ Caësar 9114
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2006
    Messages
    135
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2006
    Messages : 135
    Par défaut Size par défaut d'un input
    Bonjour à tous,

    C'est une question comme ça, ici il n'est pas question d'analyser un code pour savoir ce qui ne va pas. La question est la suivante:
    Existe-t-il un moyen (que je n'ai pas trouvé en dépit de mes recherches sur le net) de modifier la "SIZE" par défaut d'un "INPUT TYPE=TEXT", qui est de 20 si on ne précise rien?
    En essayant dans un CSS un naïf "size:3;", on fait chou blanc.

    Est-ce irrésolvable?

  2. #2
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    Bonsoir,
    Citation Envoyé par Cesar9114 Voir le message
    En essayant dans un CSS un naïf "size:3;", on fait chou blanc.
    size n'est pas une propriété CSS, cela n'est pas faisable avec.

    À part en jouant au niveau de l'input :
    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    input { width:XXXpx; /* Taille correspondant au size="20" */ }
    Et / Où jouer sur des class...

    Personnellement, je ne vois pas... (ou j'ai mal compris la question)
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  3. #3
    Membre confirmé Avatar de DJ Caësar 9114
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2006
    Messages
    135
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2006
    Messages : 135
    Par défaut
    Non non, c'est bien ça la question. Je trouve ça bizarre qu'il n'existe pas de solution. C'est pourtant simple comme problème. Il faut juste que quand la taille n'est pas précisé dans la balise, on charge la taille par défaut qui est non plus de 20, mais de la valeur par défaut.
    Elle est bien stockée quelque part cette valeur...

  4. #4
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Bonsoir

    CSS 3 a une solution pour toi : la pseudo classe :not http://www.w3.org/TR/2009/WD-css3-se...0310/#negation

    Un exemple :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr-FR">
    <head>
    <title>Tests</title>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <style type="text/css">
    input:not([size]) { width:750px; }
    </style>
    </head>
     
    <body>
     
    input <input type="text" size="20" />
    <br />
    input <input type="text" />
     
    </body>
    </html>
    Ce sélecteur joue sur la négation : s'il n'y a pas d'attribut size sur un élément input on applique le style...

    Ce sélecteur ne doit pas être implémenté partout, mon exemple fonctionne avec Firefox 3

  5. #5
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    La largeur du champ dépend du font-size de l'input et et du nombre de caractères affichable, ce nombre étant peut être stocké dans le moteur de rendu du navigateur. Je crois que la valeur du font-size par défaut de l'input est dépendante d'une taille de font définie par l'OS.

Discussions similaires

  1. valeur par défaut dans un input
    Par LaseLiep dans le forum jQuery
    Réponses: 2
    Dernier message: 15/11/2009, 21h13
  2. Texte par défaut dans un input.
    Par Nowwis dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 02/11/2009, 19h43
  3. Mettre une valeur par défaut dans un input type='file'
    Par fab76000 dans le forum Langage
    Réponses: 2
    Dernier message: 27/01/2009, 19h59
  4. Valeur par défaut pour une input box
    Par beegees dans le forum VB 6 et antérieur
    Réponses: 3
    Dernier message: 29/12/2008, 15h54
  5. font size par défaut
    Par smh_master dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 21/03/2007, 11h05

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo