Eksi işareti RTL textbox

Question

Negatif sayıları sağdan sola metin kutusuna nasıl ekleyebilirim, bu sayının solundaki eksi mi?

Mevcut durum: 1-
İstenilen durum: -1 sadece direction sıfırlama ve sağa metni hizalama gerekiyor Metin kutusu üzerinde

Answer 1

:

BODY { 
    direction: rtl; 
} 
#myInput { 
    direction: ltr; 
    text-align: right; 
} 

Example fiddle here

Answer 2

Bu, UI'de bağlamlar söz konusu olduğunda RTL/LTR ile ilgili genel bir sorundur.

Kısa yanıt: En iyi yaklaşım, sayısal girişleri ve dize girişlerini metin kutularına ayırmaktır. Çoğu RTL dili için numaralar (hepsi değil, dikkatli olun!) LTR'dir ve dizeler RTL'dir ve içeriği bölmek, girişlerinizi doğru şekilde tanımlamanızı sağlar.

Örnek - W3C HTML işaretlemesinde ziyade ayrıca erişilebilirlik ve ekran okuyucular için daha iyidir CSS, dili ayarlanmasını önerir olduğunu

Place: <input type="text" dir="rtl" /> 
Temperature: <input type="number" dir="ltr" /> 

Not. Mümkünse bir lang = "" özniteliği eklemek de önerilir.

olası dizeleri ve sayılar için textboxes bölmek için birkaç iyi neden özellikle RTL/LTR için ayrı ayrı vardır:

• Bu iyi bir UX karar genellikle, bu kullanıcıya açıkça yapar, çünkü ne yazması bekleniyor.
• Kodunuzda (ya da form alanlarını analiz eden her ne olursa olsun) bir dizenin neyle ilgili olduğu ve nümerik hesapların ne olduğu ile ilgili her türlü hesaplama veya görüntüleme endişesi hakkında net bir ayrım elde edersiniz. Eğer sonuçlarını görüntülemek zaman
• , sayı ve metnin doğru görüntülenir sağlayabiliriz (<span dir="ltr">...</span> veya dir="rtl" kullanılmasında söz konusu) sayısal mobil cihazlar yerine tam klavye daha sayı yastık yüklemek için izin verdiği bir giriş tanımlanması
• , UX için bir bonus.

Bu sorunun birkaç yaşında olduğunu biliyorum, ancak umarım bu, RTL'yi veya karışık yönlerini formlarında desteklemekle ilgilenen herkes için yeni düşünceler (ve o zamandan bu yana özellikle mobil teknolojilerden bazı güncellemeler) konusunda yardımcı olabilir.