如果没有任何操作，是否需要使用HTML表单标签？

Question

I am creating a registration form, where the user needs to enter an email and a password. I know that in general this kind of forms are wrapped in an html form tag which usually has action attribute which sends the information from the inputs to the server and stuff like that. But in my case, I don't need to use any action attribute, because I simply take the information from email and password inputs and do my stuff with those values, such as checking if the email and/or the password are valid and proper, etc and then I send this info to Firebase realtime database. So, I use only Javascript/jQuery to grab the information I need and send it wherever I need which completely works for me.

My question is do I still need to put these inputs inside a form tag and not specify action attribute or specify an action attribute with the value of empty string or I can just put them in a div and do my stuff in a way I am doing right now. Is there anything wrong in the way I am doing this?

I read a few articles about html form tag and action attribute, but none of them answered to this specific question.

I think no code is needed

Answer 1

Is there anything wrong in the way I am doing this?

besides potential accessibility hickups, less semantic markup, and no functionality for people who turn off JavaScript, not really =)...

depending on how you handle the inputs (eg on('change', ...) ) and submitting the data to your backend for checking the user input you might benefit from having the from tag present because with it you can

a) listen for submit events and b) serialize the entire form once it is submitted instead of having to collect each individual input

but that completely depends on your implementation.

Answer 2

不，如果没有要执行的操作，则无需将input form

Answer 3

If you use javascript to submit data the form tag isn't mandatory , but if include it not cause you problem maybe you can find it useful for some reason:

• if you want to attach ajax to submit action

var form = document.querySelector(',myform');

form.addEventListener('submit', function () {
  console.log('submitted');
  });

• or if you want to use some ready to use js validation library
• to serialize data
• ...

Use it if it isn't a problem, maybe you'll need it in the future.