javascript - 在input 输入框前加个 ¥ 符号，然后输入框的字从后往前这是怎么做到的呢，求大神给个示例

问题描述

问 题

在input 输入框前加个 ¥ 符号，然后输入框的字从后往前这是怎么做到的呢，求大神给个示例，但是提交的时候咱们不要这个符号哦?，如何优雅的实现呢,

感谢楼下@vsion 大神

在多问一句啦 这种情况怎么让它后移动呀

---

加入 text-indent 即可，感谢大神解答

解决方案

`1.

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

`2.

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

`3.

<style>
    div{
      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>
<div>
    <input type="text"/>
    <div class="back">¥</div>
</div>

这篇关于javascript - 在input 输入框前加个 ¥ 符号，然后输入框的字从后往前这是怎么做到的呢，求大神给个示例的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！