Si j'ai deux <input type="text" ...
et que je sais que l'un devrait contenir du texte et l'autre une valeur numérique (et vérifierai cela en PHP lors de la validation du formulaire), puis-je aligner le contenu de la boîte de texte gauche? & boîte à droite en utilisant CSS?Comment puis-je aligner l'entrée numérique à droite et l'entrée de texte à gauche?
9
A
Répondre
16
<style type="text/css">
.right { text-align: right; } </style>
<input type="text" /> <input type="text" class="right"/>
2
La dernière mise à jour pour cela peut être fait comme ci-dessous
<input type="number" />
pour les numéros Type de champs de texte.<input type="text"/>
pour les champs type de saisie de texte
Ensuite, vous pouvez utiliser CSS.
input[type=number] {
text-align:right;
}
input[type=text] {
text-align:left;
}
Cela vous aiderait beaucoup si vous avez plus de champs dans votre page Web.
0
Juste une correction concernant un fichier externe CSS:
input.right{
text-align: right;
}
+2
Ajouter une explication avec réponse pour la façon dont cette réponse aide OP dans la fixation du problème actuel –
Questions connexes
- 1. Aligner à droite texte dans SQL Server
- 2. Comment aligner un texte/pargaphe à gauche et à droite en HTML?
- 3. HTML gauche et à droite Aligner les éléments
- 4. Aligner à droite et à gauche avec linéaire ou relativelayout avec du texte tronqué?
- 5. Texte Iphone et texte de droite à gauche
- 6. Texte: de droite à gauche (CSS)
- 7. Croix-navigateur CSS pour aligner à gauche, aligné à droite ET aligner centre sur la même ligne
- 8. Aligner à droite du texte dans un élément de liste
- 9. HTML/CSS - aligner à droite et à gauche sur la même ligne?
- 10. image magick: aligner le texte à droite dans la zone
- 11. De droite à gauche TListView
- 12. Aligner à droite du texte dans une table RTF
- 13. image Déplacer de gauche à droite et de droite à gauche dans l'iphone
- 14. Entrée de TextBox masquée Aligner à gauche
- 15. radiomessagerie Datagrid aligner à droite
- 16. Comment centrer du texte et aligner à droite plus de texte sur la même ligne?
- 17. aligner l'image à droite de h3
- 18. Aligner à droite le fichier
- 19. Débordement à gauche au lieu de droite
- 20. Texte de l'info-bulle de droite à gauche C#
- 21. Affichage du texte de droite à gauche dans Team Explorer
- 22. Texte de droite à gauche dans delphi trayicon BaloonHint
- 23. Discours au texte pour les langues de droite à gauche
- 24. Jquery fondu droite à gauche
- 25. Comment faire pour aligner un TextBlock à droite?
- 26. Comment aligner les étiquettes et les textes à gauche
- 27. Comment créer une droite à gauche UITableView?
- 28. Largeur de l'animation de gauche à droite
- 29. Comment aligner à droite des contrôles dans un TTTableControlItem?
- 30. trouver à gauche et à droite tourner dans Android mobile
+1 une réponse dthe. D'oh! J'avais mis la classe sur le DIV divisible – Mawg
Ce serait une meilleure idée de nommer la classe quelque chose comme "texte" plutôt que "juste". Si dans une semaine il veut le changer pour l'aligner à gauche il le change juste dans un endroit dans le CSS au lieu de fixer le nom de classe partout. –