多部分HTML表单的选项卡

多部分HTML表单的选项卡,html,forms,Html,Forms,当用户在填写多部分HTML表单的第一个文本输入字段后点击时,如何让它转到下一个输入字段,而不是立即执行php脚本 <FORM METHOD=POST ACTION="commentw.php"> Name: <input type="text" name="name" size="60" maxlength="40"> <textarea name="comment" wrap="physical" rows="10" cols="80"></text

当用户在填写多部分HTML表单的第一个文本输入字段后点击
时,如何让它转到下一个输入字段,而不是立即执行php脚本

<FORM METHOD=POST ACTION="commentw.php">
Name: <input type="text" name="name" size="60"  maxlength="40">
<textarea name="comment" wrap="physical" rows="10" cols="80"></textarea>
<INPUT TYPE=SUBMIT VALUE ="Submit">
</FORM>

姓名:
我到处寻找线索,但没有成功


提前谢谢

我觉得用户仍然应该按Tab键来浏览表单。这种做法是一种流行的惯例,我认为用户可能会感到困惑,如果您选择输入

当然,如果你真的想这样做,你必须这样做

1) 防止表单提交事件在DOM中冒泡(例如使用jQuery event.preventDefault()函数)。
2) 设置用于按Tab键的事件处理程序
3) 编写一个函数,在调用此事件处理程序时在窗体中移动


然而,我通常不会这样做。我觉得在界面设计方面,按enter键并让表单拒绝提交是违反直觉的。

我不确定您为什么要在此处覆盖默认行为。tab键可用于移动到其他输入。使用tabindex属性选择按tab键时焦点的顺序
都不推荐使用,您使用的是html和xhtml的混合。这是您的起点:只需添加到下一个输入中即可。因为太多的用户没有意识到要切换到下一个字段,而是在键入名称后按ENTER键,这将启动表单处理程序脚本。我希望脚本仅在单击提交按钮时运行。