在单击“输入 JavaScript HTML 表单”时更改焦点

change focus on clicking enter javascript html form

本文关键字:焦点 表单 HTML 单击 输入 JavaScript      更新时间:2023-09-26

我对HTML CSS和java脚本非常陌生,我有一个个人查询。我正在创建一个软件,其中我几乎没有文本框和下拉菜单。我想在按下输入按钮时自动更改文本框的焦点。它每次都应该以特定的方式移动,一旦所有文本框都结束,它应该在按下 Enter 时自动提交。我在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>  `

请检查并给我一个解决方案

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

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

其中"名称"是下一个输入框的 ID。

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