css - HTML5入力プレースホルダーが表示され続ける（入力中も？）

Question

以下のスクリーンショットのようなことは可能ですか? 入力は数値型で、「px」は入力自体によって自動的に追加されます (変更できません)。

Answer 1

span右側にテキストがある要素で入力をオーバーレイできますpx。

Answer 2

プレースホルダーではありません。プレースホルダーは、期待される入力タイプをユーザーに示すためだけに存在します。

あなたは出来る：

1. JS を使用してユーザーの値を確認し、文字列に「px」を追加します。
2. 「px」の小さなベクター画像を作成し、右に配置されたテキスト ボックスの背景として設定します。

Answer 3

document.getElementById で入力の値を取得し、値に「px」を追加できます。最後に、その値を入力に設定できます。