11
votes

Aligner de droite en texte dans le champ d'entrée HTML

J'ai une étiquette HTML avec une longueur maximale courte, mais un attribut de valeur longue. J'aimerais que le texte affiché affiche l'extrémité em> (côté droit) du texte plutôt que le début (côté gauche).

<input maxlength=10 value="A really really really long entry goes in here"/>


0 commentaires

3 Réponses :


17
votes

Voulez-vous que la zone visible commence à partir de la droite? Vous pouvez utiliser CSS et la règle suivante entrée {direction: rtl;}

rtl de droit à gauche

Exemple: http://jsbin.com/ilejo4

PS: la valeur de maxlength dans votre HTML doit être enveloppée avec des guillemets, vous devez également définir le type de l'entrée < / p>


2 commentaires

Étrangement, si la valeur commence par une barre oblique / (comme un nom de fichier) - cette barre oblique est poussée à la "extrémité" qui est maintenant le côté droit de la chaîne. Utilisez ceci avec soin.


-1 "RTL" ne conserve pas la commande lorsqu'il y a une ponctuation et des chiffres! Fais attention. Voir Stackoverflow.com/q/53947553/22470



0
votes

Ajouter style = "text-align: droite" à la balise d'entrée.


1 commentaires

Pouvez-vous expliquer cela plus loin? Le temps nécessaire au style en ligne ne devrait-il pas être terminé depuis des années?



0
votes

Si vous souhaitez uniquement afficher des informations, ce que vous pouvez faire est de placer une plage à l'intérieur d'une DIV, dans le débordement de l'écriture DIV: caché, affichage Flex, Justify-Contenu: flex-extrémité;

p>

<div class="contenedor"><span>12345555555566final</span></div>


0 commentaires