如果你想完全工作的代码,那么你可能需要使用CSS和JavaScript以及HTML。我写了一个包含10位数字输入和一个按钮的示例代码。它具有以下三个功能。
1.每个数字只允许数字,数字的长度为1.这意味着您不能输入多个数字。
2.一旦输入数字,光标自动移至下一位数字。
3.点击按钮(获取电话号码),您将输入的电话号码作为警报。
您可以根据需要更改代码。
代码:
table,td{
border-collapse: collapse;
padding:0;
border:2px solid black;
}
td input{
width:20px;
}
var currentDigit = 1;
function isNumberKey(evt){
var charCode = (evt.which) ? evt.which : event.keyCode
if (charCode > 31 && (charCode < 48 || charCode > 57))
return false;
return true;
}
function moveToNextInputDigit(e){
currentDigit = parseInt(e.id.replace("digit",""));
currentDigit++;
if(e.value.length == 1 && currentDigit<=10 && document.getElementById("digit"+currentDigit).value.length!=1)
{
document.getElementById("digit"+currentDigit).focus();
}
}
function getPhoneNumber()
{
var phoneNumber = "";
for(var i=1;i<=10;i++)
{
phoneNumber += document.getElementById("digit"+i).value;
}
alert("Phone Number: "+ phoneNumber);
}
输出: