Question

如何在文本框字段中添加印度卢比符号，不要使用Rs。

金额：<input name="amount" type="text" size="20" value="Rs. 1.00">

在此，我需要显示“Rs。”就符号而言，就像我们使用“$”一样。

Answer 1

根据我的说法你不应该这样做，无论你是在数据库中保存值，还是用来计算某些东西或其他东西，只需存储整数，然后连接Rs.或者卢比与整数签署。这样，在计算或存储值时不会给您带来麻烦。

就卢比符号而言，您可以使用₹

Demo

Demo 2（推荐）

更好的解决方案

我从头开始使用background-image进行演示，这样，您的text字段会指示该值是卢比，也就是说，它将是跨浏览器。

Demo

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 */
}

Answer 2

使用＃8360;

<input name="amount" type="text" size="20" value="&#8360; 1.00">

Answer 3

只需包含以下JavaScript，它将为您更新所有的“ Rs”为“ Rupee Symbol” conda create -n myenv python=3.4 -c conda-forge

或只需使用卢比符号Unicode字符代码＆＃x20B9

Answer 4

尝试此代码段

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>

在文本框中添加卢比符号

4 个答案: