用于JQuery登录的HTML表单或div？

Question

我想在单个HTML页面上创建一个登录表单以显示JQuery(我是该技术的新手).

我想知道我是否应该使用<div>并隐藏/显示它,或者使用<form>并隐藏/显示它.该信息将通过Ajax发送到servlet.

如果我使用a <div>,我应该使用什么作为<input>表单中的替代品？

如果我使用a <form>,我相信我必须提供一个很烦人的动作,因为我使用的是单页.有没有办法躲避这个问题？

在这种情况下使用的推荐登录方法是什么,<div>或者<form>？

Answer 1

如果我使用a <div>,我应该使用什么作为<input>表单中的替代品？

包括<input>在外面是完全合法的<form>.

说过我通常会使用,<form>所以你可以绑定到它的onsubmit事件,而不必担心人们按Enter键提交表单和生成的事件(这取决于浏览器和表单的内容).最好将表单标记为表单,让浏览器应用其正常的表单行为,而不是试图伪造它.

理想情况下,为了正确地进行渐进式增强,您应该首先在没有JavaScript的情况下使表单工作,因此实际上会有一些有用的东西可以指出action.然后在顶部添加脚本/ XMLHttpRequest.如果您必须拥有仅适用于脚本的表单,则可以将其从脚本添加到页面中,以便非JS用户不会出现这种情况,并且他们不会因为尝试提交而感到困惑.

Answer 2

我想知道我是否应该使用<div>并隐藏/显示它,或者使用<form>并隐藏/显示它.

使用表格.建立有效的东西

如果我使用a <div>,我应该使用什么作为<input>表单中的替代品？

如果您要使用div,那么您仍然会使用输入,但使用表单.

如果我使用a <form>,我相信我必须提供一个很烦人的动作,因为我使用的是单页.

不要那样做.建立有效的东西.

Answer 3

它几乎没有什么区别 - 除非你担心语义内容(<form>传达它意味着用户输入比一个意志更清楚<div>),优雅降级(一个<form>没有JavaScript的仍然可以工作),可访问性(这可能需要保持优雅心灵的退化),渐进增强或不引人注目的JavaScript.