プレースホルダーに％記号を残すようにする - javascript、php、jquery、html、css

これは奇妙な質問ですが、私はこのような入力フィールドを持っています、

<div class="<?php if(form_error("interest")!= null){echo " has-error";} ?>">
<h4><?php echo lang("offer_of_intrest"); ?></h4>
<input class="form-control" type="text" value="<?php echo set_value("interest"); ?>" placeholder="1%" name="interest">
</div>

プレースホルダーが言うところ 1%、しかし入力は整数（1または2または3など..）、私がしたいことは、何とかパーセンテージ記号をプレースホルダー内に保持し、ユーザーに任意の数値を入力させ、パーセンテージ記号は保持させることですが、ボタンを送信すると、数値のみが移動し、パーセント記号付き。 mysqlでは小数点以下のみを受け入れます。これは、ユーザーに偽のパーセンテージサインインプレースホルダーを提供するようなもので、混乱しないように、実際には入力フィールドに1（PERCENT）を入力します。 、これが理解できることを願っています。

回答：

ブートストラップを使用しているようなので、削除します % プレースホルダーから、 input-group と input-group-addon：

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet" />
<div class="row">
<div class="col-xs-9">
<form class="form-inline">
<div class="form-group">
<label class="sr-only" for="exampleInputAmount">Percentage:</label>
<div class="input-group">
<input class="form-control" type="text" placeholder="1" name="interest">
<div class="input-group-addon">%</div>
</div>
</div>
</form>
</div>
</div>

文字列を分割して "％"記号を接合し、それをintにキャストできます。 （下のボブ・ノクラーズのおかげで）

$yourDecimal = rtrim($theVariable, "%");
$result = intval($yourDecimal);

私の知る限りHtmlには解決策はありませんが、JavaScriptでこれを行うことができます。

$(input).keydown(function(){
val = $(this).val()
val = val.slice(val.length, 1);
val += "%";
})

たぶんこれはうまくいくでしょう