在单击“输入 JavaScript HTML 表单”时更改焦点
change focus on clicking enter javascript html form
我对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 可能有更好的选择,但如果你想保持简单,这应该可以工作。
相关文章:
- 后焦点更改为IE 11中的地址栏,而不是转移到表单中的下一个控件
- 将焦点设置为角度模板/路线/表单中的文本输入
- 在表单提交后将焦点设置回原位(javascript)
- 添加新表单时,如何保持表单的焦点
- 如何在给定焦点时选择表单输入中的文本
- 在焦点处理程序中修改表单时不触发表单提交
- 当所有表单具有相同的名称和 id 时,选择焦点字段的表单
- 如果电子邮件输入处于焦点上,则阻止输入按钮表单提交 (jquery)
- 无法将表单输入字段上的 JQuery UI 工具提示限制为仅在单击/焦点事件上显示
- 使用 JavaScript 将焦点设置在 HTML 表单元素上
- HTML 表单 - 电话相对值不会在焦点上消失
- 在单击“输入 JavaScript HTML 表单”时更改焦点
- 当焦点在TextArea上时,按enter键提交表单
- HTML表单可访问性:选项卡键焦点跳过新显示的字段
- 加载表单后立即失去焦点
- Boostrap 2.0:将登录表单添加到子菜单中,防止焦点关闭
- 使用Jquery焦点和模糊方法进行表单验证
- 如何使用JavaScript将焦点设置在HTML表单中的元素上
- 表单文本字段默认在焦点处消失,用户输入保留在表单更正处
- 如何在jQuery中强制丢失表单中所有字段的焦点