在Tab键中导航时，提交按钮不会突出显示

Question

当我在我的网页提交按钮中浏览tab键时，其他一些组件没有突出显示，而有些组件正在突出显示，如JPG。

在myJsp中，当我按 Enter 键时，光标位于任何文本字段中，它应该提交但是没有提交。我通过 Tab 键转到提交按钮。

可能是什么原因？是否有针对这类问题的教程指针？

myJsp.jsp

<div>
<input type="hidden" name="_flowExecutionKey" value="${flowExecutionKey}"/>
<input type="submit" class="button" name="_eventId_search" value="Search"/>
<button class="save_button_common"     onClick="submitForm('save')">Save</button>
<button class="reset_button_common" onClick="submitForm('reset')">Reset>   </button>
</div>

Answer 1

<button class="save_button_common"     onClick="submitForm('save')">Save</button>
<button class="reset_button_common" onClick="submitForm('reset')">Reset>   </button>

没有！

• 没有button元素这样的东西。这是input type button。
• Reset>应为Reset
• 有一些奇怪的间距

尝试..

<input type='button' class="save_button_common" onClick="submitForm('save')" value="Save">
<input type='button' class="reset_button_common" onClick="submitForm('reset')" value="Reset">

但不要相信我的话，请问专家。始终使用W3C mark-up validation service验证输出。

---

请注意，上面的HTML会生成一个类似于......的按钮。

保存

..而不是..

..看起来更像是一个链接。上面的那些输入可能会被转换为看似（或更确切地说）链接的东西。但这不会是最终用户的“最不惊喜之路”。他们希望表单提交/重置按钮看起来像..按钮（很有趣）。