如何拒绝用户输入的额外字符？

Question

在我的html中，我有一系列输入。应允许用户在每个字符中输入一个字符。这是其html：

＆lt; input class =“ green” type =“ text” maxlength =“ 1” /＆gt; < /code>

css的CSS如下：

input {
    font: 1.5em "Times New Roman", Times, serif; 
    width:0.9em; height: 0.9em;
    text-align:center; }
.green { 
    color: green; }

如果用户输入角色，然后tries tries要输入另一个，什么都不会发生。但是，在我的设计中，用户可以输入任何数量的字符，即使将较早的字符推向左侧，只有最后一个字符才能看到。当焦点离开输入字段时，所有额外的字符都会消失，并且仅保留第一个输入字符。我如何确保当用户尝试输入其他字符时，它们会被忽略而什么都不会发生？

Answer 1

是您需要的吗？

function go(v){
    if (v.value.length==0){
    return true;
  }
    return false;
}

<input class = "green" type="text" maxlength="1" onkeydown="return go(this)"/>