テキスト ボックス フィールド内にインドルピー記号を追加し、Rs を使用しないようにするにはどうすればよいですか。
額:<input name="amount" type="text" size="20" value="Rs. 1.00">
これで、「ルピー」を表示する必要があります。シンボルの観点から、「$」の使用方法と同様です。
私によると、データベースに値を保存する場合でも、何かを計算するために使用する場合でも、これを行うべきではありません。単に整数を格納し、Rs.
またはルピー記号を整数と連結します。こうすれば、値を計算または保存する際に問題が発生することはありません。
ルピー記号に関する限り、使用できます₹
デモ 2 (推奨)
さらに優れたソリューション
を使用するデモを最初から作成しましたbackground-image
。このように、text
フィールドは値がルピーであることを示し、クロスブラウザーになります。
デモ 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 */
}
このスニペットを試してください
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>
次の JavaScript を含めるだけで、すべての "Rs" が "Rupee Symbol" に更新されます
<script src="http://webrupee.anmoul.com/js" type="text/javascript"></script>
または単にルピー記号を使用 Unicode 文字コード ₹