Javascript 允许在手机中输入并单击网站时移动到下一行

我有一个有许多表单字段的网站。碰巧，在桌面上，可以通过单击TAB按钮在所有字段上移动。但当网站在小型手机上打开时，用户每次都必须滚动和触摸才能进入下一个领域。我想在点击手机键盘上的ENTER键后，移动到下一个可编辑字段。除了编写一个函数并将其添加到每个表单字段之外，还有什么捷径可以实现这一点吗

我已经添加了我已经实现的代码块

handleKeyPress(value, event){
    if(event.key === 'Enter'){
      this.refs[event].focus();
    }
  }

    <input
      onKeyPress={(event) => this.handleKeyPress('email', event)}
      ref = 'name'
    />

    <input
      onKeyPress={(event) => this.handleKeyPress('zip_code', event)}
      ref = 'email'
    />

    <input
      ref = 'zip_code'
    />

handleKeyPress（值、事件）{
如果（event.key=='Enter'）{
this.refs[event].focus（）；
}
}
this.handleKeyPress（'email'，event）}
ref='name'
/>
this.handleKeyPress（'邮政编码'，事件）}
ref='电子邮件'
/>

显示您尝试将控制焦点移动的示例代码通常Android上的键盘已经有一个切换表单字段的下一个键，它显示为Tab键，但不输出真正的Tab键。在IPhone上，键盘上有两个箭头来导航表单字段。@DonnieNosayaba添加了代码。有什么短而光滑的事情可以做，因为我正在做的项目变化很大，这个变化可能会增加加载时间。