1

如何在文本框字段内添加印度卢比符号而不使用卢比。

数量:<input name="amount" type="text" size="20" value="Rs. 1.00">

在这我需要显示“卢比”。就符号而言,就像我们如何使用“$”一样。

4

4 回答 4

4

根据我的说法,您不应该这样做,无论您是将值保存在数据库中,还是用于计算某些东西或其他任何东西,只需存储整数,然后将整数Rs.或卢比符号连接起来。这样在计算或存储值时不会给您带来麻烦。

就卢比符号而言,您可以使用&#x20B9;

演示

演示 2(推荐)


更好的解决方案

我从头开始制作了一个使用 的演示background-image,这样,您的text字段将指示该值是卢比,而且它将是跨浏览器的。

演示

Demo 2background-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 */
}
于 2013-09-04T06:39:22.423 回答
0

使用#8360;

<input name="amount" type="text" size="20" value="&#8360; 1.00">
于 2013-09-04T06:37:12.193 回答
0

只需包含以下 javascript,它将为您将所有“Rs”更新为“Rupee Symbol” <script src="http://webrupee.anmoul.com/js" type="text/javascript"></script>

或只需使用卢比符号 Unicode 字符代码 ₹

于 2019-09-04T08:27:46.817 回答
0

试试这个片段

css

 .customTextfield input{
 border:unset;
  
}
.customTextfield input:focus{
  outline:unset;
}
.customTextfield{
  border:1px solid #000;
  padding:2px;
}
<span class="customTextfield">
  &#x20B9; <input name="amount" type="text">
</span>

于 2020-02-05T11:38:23.303 回答