Jeśli mam dwa <input type="text" ...
i wiem, że należy aceept tekstu, a druga wartość liczbowa (i będzie to sprawdzić w PHP podczas sprawdzania poprawności formularza), czy mogę wyrównać zawartość pola tekstowego pozostawione & zawartość numerycznej box right za pomocą CSS?Jak mogę wyrównać wprowadzanie liczbowe na wejściu prawym i na wejściu tekstowym?
9
A
Odpowiedz
16
<style type="text/css">
.right { text-align: right; } </style>
<input type="text" /> <input type="text" class="right"/>
2
Najnowsza aktualizacja do tego można zrobić jak poniżej
<input type="number" />
dla liczb typu pól tekstowych.<input type="text"/>
dla rodzaju tekstu wejściowego pola
Następnie można skorzystać z CSS.
input[type=number] {
text-align:right;
}
input[type=text] {
text-align:left;
}
Pomoże Ci to, gdy więcej pól na Twojej stronie.
0
Wystarczy korekta dotycząca zewnętrznym pliku CSS:
input.right{
text-align: right;
}
+2
Dodaj wyjaśnienie w odpowiedzi na pytanie, w jaki sposób ta odpowiedź pomaga OP w naprawianiu bieżącego problemu –
Powiązane problemy
- 1. Domyślny tekst na wejściu
- 2. Wybór next() na wejściu
- 3. Haskell - analiza błędu na wejściu `| '
- 4. Opóźnienie zdarzenia jQuery na wejściu użytkownika
- 5. Eclipse wywala na wejściu użytkownika
- 6. Wystrój CSS3/wewnętrzny cień na wejściu?
- 7. jQuery Datepicker - zamknij na wejściu kliknij
- 8. ng-change nie działa na wejściu
- 9. iOS/WebKit: touchmove/touchstart nie działa na wejściu i textarea
- 10. Polecenie sh read zjada ukośniki na wejściu?
- 11. Błąd: brak alternatywą na wejściu 'dla' Python
- 12. rozwijacz autouzupełniania jquery na wejściu: focus
- 13. tablica struktur na wejściu c-user
- 14. IE: przeskok kursora do początku na wejściu
- 15. The ';' znak na wejściu jest źle interpretowany
- 16. Przenieś UIScrollView po wejściu klawiatury na miejsce
- 17. SyntaxError „nie realną alternatywą na wejściu«ja»”
- 18. Amazon Atena: brak realnej alternatywy na wejściu
- 19. Lista rozwijana Bootstrap znika na wejściu wybierz
- 20. jquery .focus nie działa na wejściu: najpierw
- 21. jQuery.val nie działa na wejściu zasięgu?
- 22. koncentrując się na następnym wejściu (jquery)
- 23. Javascript obsługi zdarzeń na ciele, ale nie na wejściu
- 24. Pozwól TextBox być zmieniany, ale nie rosną na wejściu użytkownika
- 25. Udostępnianie danych statystycznych HTML5 po wywołaniu zdarzenia fokusowania na wejściu
- 26. Jak ustawić EditText na wejściu tylko liczb szesnastkowych?
- 27. Jak zmienić kolor tła na wejściu z css?
- 28. Jak wywołać zdarzenie "kliknięcia" na wejściu do pliku w Angular?
- 29. Jak naprawić błąd w R "brak linii dostępnych na wejściu"?
- 30. obchodzić checkboxes na wejściu :: wszystkie() w laravel 4
+1 odpowiedź dthe. D'oh! Umieściłem klasę na załączonym DIV – Mawg
Lepiej byłoby nazwać klasę czymś w stylu "tekst", a nie "prawo". Jeśli w ciągu tygodnia chce go zmienić na lewe wyrównanie, po prostu zmienia je w jednym miejscu w CSS, zamiast poprawiania wszędzie nazwy klasy. –