HTML 입력의 텍스트 방향 반전

Question

내 웹사이트에 아랍어 지원이 필요합니다. 그 중 일부는 사용자가 입력할 때 새 문자를 왼쪽에 추가하고 텍스트를 오른쪽에 정렬해야 하는 입력 텍스트 상자를 제공하는 것입니다.

CSS 속성을

text-align:right

커서를 왼쪽으로 이동하고 거기에 문자를 추가할 수 없어서 작동하지 않았습니다. 그래서 해당 속성을 제거하고

방향:RTL

여기서 커서는 왼쪽으로 이동하고 텍스트는 오른쪽 정렬됩니다. 단, 새로 추가된 문자는 왼쪽에 추가되지 않고 오른쪽 끝에만 추가됩니다.

이 문제를 어떻게 해결하나요? 도와주세요..

예를 들어 Google 아랍어 페이지의 검색창을 확인해 보세요. 멋진 키보드 아이콘 등이 없어도 똑같은 동작이 필요합니다. http://www.google.com/webhp?hl=ar

Answer 1

입력 상자에 dir="rtl"을 사용할 수 있습니다. 지원됩니다.

으아악

Answer 2

내가 생각하는 것은 다음과 같다:

• 올바른 정렬을 위해 direction:RTL를 사용하세요
• 입력한 문자를 왼쪽으로 이동하는(일부 텍스트 처리 수행) 이벤트 "onkeyup"에 연결된 JavaScript 핸들러를 작성하세요.