デフォルトの開始値が変更できないinput要素を生成するにはどうすればよいですか?たとえば、ユーザーから番号を探していますが、すべての入力がその番号で始まるため、入力テキストボックスに '333'を入力します。私はまた、ユーザーがそれを変更できるようにしたくありません。私は333を値の一部にする必要があります。これは、バリデーションを行う必要があるので、スタイルを介して追加するだけではありません。HTML入力の先頭文字は変更できませんか?
-1
A
答えて
0
1つの入力と同じように見える2つの入力を使用することをお勧めします(最初の入力は読み取り専用です)。このフィドルを参照してください:https://jsfiddle.net/39whrqup/2/
<input readonly value="333" class="static-input">
<input class="nonstatic-input">
.static-input {
margin-right: -20px;
width: 50px;
border: 0;
}
.nonstatic-input {
border: 0;
}
ユーザー入力を読むとき、あなたが自然に静的な部分、前に付加する必要があります:ウィリアムBが示唆したように、私は2つの入力を使用したい
var userInput = document.querySelector('input.static-input').value +
document.querySelector('input.nonstatic-input').value;
1
を私は検討したいですdisabled
属性またはreadonly
属性のどちらを使用するかを指定します。 disabled
属性は、最初の入力をフォーカスすることができず、デフォルトのブラウザスタイルでは灰色の背景が表示されます。 readonly
属性を使用すると、それに焦点を当てることができ、より望ましい初期のスタイリングを持つことができます。 JavaScriptを使用して
1
ワンpossibilty:
nine = document.getElementById("nine");
nine.addEventListener("keydown", function (ev) {
var el = this;
var value = el.value;
setTimeout(function() {
if (el.value.indexOf("333") != 0) {
el.value = value;
}
}, 0);
});
<input type="text" value="333" id="nine" />
関連する問題
- 1. C文字列の先頭文字がありません
- 2. keydown入力時に文字列の先頭文字を大文字にする
- 3. $ spレジスタは関数の先頭で変更されません
- 4. は、先頭の文字
- 5. HTMLテキスト入力の最後の2文字は編集できません
- 6. HTML内のテーブルから入力フィールドの値を変更できません
- 7. 先頭の空白でスキャナから文字列を入力する
- 8. イオン入力は一度に1文字しか入力できません
- 9. SQLの文字列の先頭に文字を挿入
- 10. forループの先頭に文字列変数がありません
- 11. Python find()は文字列の先頭に部分文字列を見つけることができません
- 12. JpaRepository変数の先頭文字が大文字のときの書き方
- 13. グループの先頭文字
- 14. 現在の文字を変更せずに各単語の先頭文字を大文字にする
- 15. 私のHTML入力ボックスの値は編集できませんが、これを変更できますか?
- 16. Pythonのtkinterラベルは関数の先頭で変更されません
- 17. CSSはテキスト入力のサイズを変更できません
- 18. WPFの `TextBox`で文字列を入力できません
- 19. ngOnInit()で角2は入力値を変更できません
- 20. 負のルックアヘッド - 文字列の先頭で
- 21. PHPの文字列は、先頭に
- 22. 入力文字列の末尾を検出できません
- 23. 2文字の入力を送信できません
- 24. CKEditorは入力要素を変更できません - Twitter Bootstrap
- 25. ページの先頭の$ _SESSIONテストは予測できません - PHP
- 26. フィールドの先頭に「é」、「í」などの文字を入力するPHP csvパーサー
- 27. HTMLフォームは入力からUTF-8文字を送信しません。 PHP、MOODLE
- 28. 文字列入力を変更することはできますか?
- 29. HTML入力値を変更し、jQueryでHTML文字列を取得する
- 30. gdbに文字 'v'を入力できません
良い点 - 私は 'readonly'入力の代わりに、無効を使用するように私の答えを更新しました。 –