将焦点更改为单击输入 javascript html 表单

Question

我对 HTML CSS 和 java 脚本非常陌生，我有一个个人查询。我正在创建一个软件，其中我有几个文本框和下拉菜单。我想在按下输入按钮时自动更改文本框的焦点。它应该每次都以特定的方式移动，一旦所有文本框都结束，它应该在按下输入时自动提交。我很擅长 PHP，所以我可以编写其余部分的代码。请在这方面帮助我。

到目前为止，我还没有尝试过任何东西

`    <table class="labelboxs">
       <tr>
<td class="name" colspan="2" style="width:219px; float:left; margin-left:20px;">
<input id="ph_number" type="text" required="" onblur="checkus(this.value)"         style="width:200px;" placeholder="Phone Number" name="uname">
</td>
<td class="name" colspan="2" style="float:left; width:219px; margin-left:20px;">
<input id="Name" type="text" required="" onblur="checkpassstr(this.value)"        style="width:200px;" placeholder="Name" name="pswd">
</td>
</tr>  `

请检查并给我解决方案

Answer 1

尝试将此添加到您的代码中

onkeydown="javascript:if (event.keyCode == 13) document.getElementById('name').focus()"

其中'name'是下一个输入框的ID。

使用 jquery 可能有更好的选择，但如果你想保持简单，这应该可以。