我在默认值“DE”的网站上创建了一个输入字段（文本）。现在我遇到了以下问题。
<input type="text" id="iban" value="DE" />
当用户点击文本框时，默认值“DE”应该不被删除，用户只能在文本框的默认值之后添加数字。所以我正在寻找一个 js 函数，它将文本框的默认值设置为只读。用户不应删除默认值。
如果可以，它是如何工作的？
【问题讨论】：
标签： javascript html
您不能将值的一部分设置为只读...但是如果您想使用简单的解决方案（没有 javascript），您可以使用两个输入：
<input type="text" id="iban-prefix" value="DE" readonly/><input type="text" id="iban-value"/>
使用 css 排列它们，然后在您的服务器端连接这两个值。
或者：
javascript 解决方案：在您的表单上使用“onsubmit”事件调用 javascript 函数来检查用户输入的值中是否存在“DE”前缀，如果没有，则添加“DE”前缀。
希望这会有所帮助！
【讨论】：
无需使用 JavaScript。简单的 HTML 和 CSS 就可以很好地完成这项工作。
将DE 移动到您的<input> 左侧的<span>：
<span class="iban">DE</span><input type="text" id="iban" />
然后将<span>定位在内部<input>：
span.iban
{
position: relative;
}
input#iban
{
margin-left: -25px;
padding-left: 25px;
}
以上代码产生：
这是JSFiddle。
【讨论】：
你可以试试这个 jQuery：
$(document).ready(function() {
$("#iban").keydown(function(event) {
if (event.keyCode < 48 || event.keyCode > 57 || event.keyCode == 46 || event.keyCode == 8) {
event.preventDefault();
}
});
});
我在这里找到它：https://snipt.net/GerryEng/jquery-making-textfield-only-accept-numeric-values/
编辑：并将其修改为防止退格和删除键。
希望对你有帮助！
【讨论】：