28172 sujets

CSS et mise en forme, CSS3

Bonsoir

Connaissez vous un moyen d'ajuster la taille d'une balise <input type="text" value="..."> de façon à ce que toute la chaîne de caractères contenue dans "value" soit visible de l'utilisateur?
J'ai essayé display:inline-table mais ça ne semble pas avoir d'effet.

Merci de votre aide.
Bonsoir,

Comment est générée la valeur de value ?

J'imagine que ça se fait côté serveur. Le fond de ma pensée est de calculer la longueur de la chaine de caractères et de mettre ce nombre dans l'attribut size de l'input.

Par exemple si c'est en php

$_chain = 'ma chaine de caractere';

$_size  =  strlen($_chain);

$_input = "<input type=\"text\" size=\"$_size\" value=\"$_chain\"/>";


Pourquoi pas, hein ?
Modifié par Greg_Lumiere (27 Nov 2016 - 20:26)
Autrement si la taille doit dépendre de la saisie utilisateur, j'opterai pour une textarea qui offrira plus de souplesse pour l’utilisateur.
PapyJP a écrit :
Bonsoir
Connaissez vous un moyen d'ajuster la taille d'une balise &lt;input type="text" value="..."&gt; de façon à ce que toute la chaîne de caractères contenue dans "value" soit visible de l'utilisateur?
J'ai essayé display:inline-table mais ça ne semble pas avoir d'effet.
Merci de votre aide.

Bonsoir,
Je suppose qu'il y a une raison objective à vouloir procéder ainsi et adapter la largeur des zones de saisie texte à leur contenu, mais est-ce une bonne approche ?
Sauf erreur, il me semble en effet qu'en matière d'ergonomie il est plutôt préconisé de conserver une stabilité entre écrans, or là l'utilisateur peut avoir une organisation des zones de saisie qui s'en trouve modifiée d'une connexion à l'autre.
Techniquement, c'est a priori faisable tant côté serveur qu'en javascript côté client.
Est-ce souhaitable pour autant ?
Je n'en suis pas sûr.
Zelena a écrit :
Bonjour.

Madame Verou a planché sur le sujet :
http://lea.verou.me/2015/07/stretchy-form-element-autosizing-the-way-it-should-be/

et a fait un script (que je n'ai pas essayé).

Smiley smile
Maintenant que tu en parle, je me souviens avoir testé ce script. Il fonctionne parfaitement et est simple à mettre en application.

J'ai adoré ne pas avoir à charger Jquery pour l'appliquer.

Par contre si tu y regardes de plus près tu t'aperçois d'une truffe au niveau du "Input with intial value". Il me semble avoir constater des petits défauts à l'usage d'une textarea.

Au final je l'ai viré et ai laissé le comportement par défaut de ma textarea.

Il me semble aussi me souvenir que l'auteur était revenu à posteriori via un post sur le fait d'utiliser ce genre de manip' qui peut être déroutant à l'usage d'un utilisateur lambda.

A PapyJP de trancher la question Smiley smile