変更プレゼンテーション

Question

：

私は121 000,00として、いくつかのページでこのフィールドを表示することができ inputのプレゼンテーションを、変更することができますどのように

<input 
    class="form-control" 
    data-filter="M" 
    id="id_options_price" 
    name="options_price" 
    tabindex="141" 
    type="text" 
    value="121000.00"> 

（数字グループの間にスペースを入れて）valueとtypeの属性をそのまま維持します。

JSで行う方法はありますか？

Answer 1

"JavaScriptを使用する方法はありますか？"

オブジェクトの複製メソッドを参照しているとします。はい、JQueryで表示できます。ページがあるの後の行が呼び出されるべき論文もちろん

$("#id_options_price").hide(); 

、：

$("#id_options_price").after("<div class='price'>"+$("#id_options_price").val()+"</div>"); 

をし、元の入力を非表示にする：

は、私たちは私たちの入力後に新しい要素を挿入する必要がありますロードされた、 e。 ：

$(document).ready(function() { 
    $("#id_options_price").after("<div class='price'>"+$("#id_options_price").val()+"</div>"); 
    $("#id_options_price").hide(); 
}); 

Answer 2

あなたが入力フィールドに番号を表示するためにwan't場合、あなたはそのようにplaceholder属性が必要になります。このソリューションは明白で愚かなことかもしれません

<input class="form-control" data-filter="M" id="id_options_price" name="options_price" tabindex="141" type="text" value="121000.00" placeholder="121000.00">

Answer 3

： あなたはこれを行うには2つの要素を使用できます。

"hidden"タイプとフォームの値を持つ1つの入力要素。 CSSスタイルの1つのdiv要素。ユーザーに表示するためだけです。

純粋なCSSの目的を達成するために入力タグのスタイルを十分に修正することはできません。私が知る限り、ディスプレイのある部分を文字化けしない特定の要素として入力します。

編集：質問が少し変わったので、この回答は無関係かもしれません。

Answer 4

入力タイプを「番号」に設定します。この方法では、数字の代わりにカンマがあり、必要に応じてブラウザは自動的にカンマをドットに変換します（JavaScriptなど）。