如何在文本框字段内添加印度卢比符号而不使用卢比。
数量:<input name="amount" type="text" size="20" value="Rs. 1.00">
在这我需要显示“卢比”。就符号而言,就像我们如何使用“$”一样。
根据我的说法,您不应该这样做,无论您是将值保存在数据库中,还是用于计算某些东西或其他任何东西,只需存储整数,然后将整数Rs.
或卢比符号连接起来。这样在计算或存储值时不会给您带来麻烦。
就卢比符号而言,您可以使用₹
演示 2(推荐)
更好的解决方案
我从头开始制作了一个使用 的演示background-image
,这样,您的text
字段将指示该值是卢比,而且它将是跨浏览器的。
Demo 2(background-size
用于使图像变小)
input[type=text].rupee {
background-image: url(http://i.imgur.com/Fd7NROx.png);
border: 1px solid #aaa;
padding: 5px;
padding-left: 20px; /* Indent the text values inside textbox */
background-size: 20px 25px; /* Change symbol size */
background-repeat: no-repeat; /* So that rupee image doesn't repeat */
}
使用#8360;
<input name="amount" type="text" size="20" value="₨ 1.00">
只需包含以下 javascript,它将为您将所有“Rs”更新为“Rupee Symbol”
<script src="http://webrupee.anmoul.com/js" type="text/javascript"></script>
或只需使用卢比符号 Unicode 字符代码 ₹
试试这个片段
css
.customTextfield input{
border:unset;
}
.customTextfield input:focus{
outline:unset;
}
.customTextfield{
border:1px solid #000;
padding:2px;
}
<span class="customTextfield">
₹ <input name="amount" type="text">
</span>