表格标签是否必要？

Question

在我的HTML代码中,我有一个表单标记,其中包含两个输入框,用户名和密码.表单将值提交给PHP文件,该文件使用数据库验证值,如果登录成功,则重定向到另一个页面.

这种方法的问题在于,如果不涉及AJAX,即使登录失败,它也会刷新页面.

我想完全删除表单标记,将PHP代码合并到与HTML相同的文件中.为此,我尝试将一个onclick()事件添加到输入框.但是,由于删除了表格标签,发生了一些尴尬的事情.我使用以下方法选择了值:document.getElementByID

我想知道是否有必要将输入标记包含在表单标记中？如果我只想要输入框并希望使用该onclick事件完成某些操作,它会起作用吗？

Answer 1

我首选的方法是保留<form>标签但只捕获onsubmit表单的事件return false.

<form name="foo" id="foo" action="" method="post">
  <input type="text" name="bar" id="bar" />
</form>

这是一些粗略的PrototypeJS代码,用于说明该方法.

<script type="text/javascript">
  //Handle the window onload event
  Event.observe(window, 'load', function() {

    //Handle the form submit event
    Event.observe($('foo'), 'submit', function(event) {
      //Stop the event so the form doesn't actually submit
      Event.stop(event);
    });

  });
</script>