数値の入力フォームで、ユーザーが入力した数値を非表示にする方法について、いくつかの方法を紹介します。以下のコード例を参考にしてください。
-
パスワードタイプの入力フィールドを使用する方法:
<input type="password" name="number" id="number">
この方法では、入力された数値は黒丸やアスタリスクなどで隠され、表示されません。
-
テキストフィールドにフォーカスが当てられたときに入力値を非表示にする方法:
<input type="text" name="number" id="number" onfocus="this.type='password'">
この方法では、テキストフィールドにフォーカスが当てられると、入力値がパスワードフィールドに変換されます。
-
JavaScriptを使用して入力値を非表示にする方法:
<input type="text" name="number" id="number" oninput="hideNumber(this)"> <script> function hideNumber(element) { element.value = element.value.replace(/./g, '*'); } </script>
この方法では、JavaScriptの正規表現を使用して入力値を非表示にします。入力値が入力されるたびに、すべての文字がアスタリスクに置き換えられます。
これらは数値を非表示にするためのいくつかの一般的な方法です。必要に応じて適切な方法を選択し、実装してください。