`1.

//placeholder默认事件
<input type="text" placeholder="¥"  dir="rtl"/>

`2.

//因为input不支持:after:before 所以可以用bgimg
input{ background-image: url(...) }

`3.

<style>
    p{
      position: relative;
    }
    input{
      position: relative;
      background-color: rgba(0,0,0,0)
    }
    .back{
      position: absolute;
      top: 2px;
      left: 5px;
      display: inline-block;
      color: rgba(1,1,1,0.5)
    }
</style>
<p>
    <input type="text"/>
    <p class="back">¥</p>
</p>

1、input 输入框前加个 ¥ 符号其实可以使用背景图片input{ background: url(...) left center no-repeat; }
2、至于输入内容从后往前输入，可以使用

            var input=document.querySelector("input");
            input.onkeyup=function(){
                var str=this.value;
                var last,start;
                last=start=str;
                last=last.slice(-1);
                start=start.slice(0,str.length-1);
                str=last+start;
                this.value=str;
            }