javascript - 在input 输入框前加个 ¥ 符号,然后输入框的字从后往前这是怎么做到的呢,求大神给个示例
PHP中文网
PHP中文网 2017-04-11 12:50:34
[JavaScript讨论组]

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

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(2)
高洛峰

`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;
            }
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号