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

Question

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

Answer 1

您可以像这样使用javascript

＆＃13;

＆＃13;

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

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

＆＃13;

＆＃13;

＆＃13;

或者你可以像这样的HTML

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

您可以旋转文本容器

CSS

MatchCollection mc = Regex.Matches(TextBox.Text,@"\(?\d{3}\)?-? *\d{3}-? *-?\d{4}");

int noOfMatches = mc.Count;

if(mc>0)
{
valid condtion logic
}
else
{not valid logic
}

或JS的另一种方式

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

Example JSFiddle

Answer 3

取自Binary search expects input sequence to be sorted

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 4

你可以这样做

如果您想用于页面中的每个输入属性。

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

OR

如果您想影响一个输入。

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;