如何从右向左更改输入文本方向

Question

如何在HTML中反转文本？ 如果我写“苹果”，我想把它改成“elppa”。 这是我试过的。但它只会改变文字方向！

Answer 1

可以在JS旋转文本容器

CSS

.text-rotated { 
    transform: rotate(180deg) 
} 

或者另一种方式

var p = document.querySelector('p'); 

var reversed = p.innerText.split('').reverse().join(''); 

p.innerText = reversed; 

Example的jsfiddle

Answer 2

从css tricks

.rtl { 
 
    unicode-bidi:bidi-override; 
 
    direction:rtl; 
 
}

<div>apple</div> 
 
<div class="rtl">apple</div>

Answer 3

两者可以使用javascript它这样

function reverseString(str) { 
 
    return str.split("").reverse().join(""); 
 
} 
 

 
var rstring = reverseString("apple"); 
 
console.log(rstring)

，或者你可以做到这一点的HTML这样

<p> 
 
    &#x202e; apple 
 
</p>

Answer 4

你可以这样

做，如果你想使用在您的网页每一个输入属性。

.input { 
    text-align:right; 
    unicode-bidi:bidi-override; 
    direction:rtl; 
} 

OR

如果你想影响一个输入。

First name: <input type="text" style="text-align:right;unicode-bidi:bidi-override; direction:rtl;"/>