html怎么获取form表单数据,如何优雅的获取Form表单数据?

先看一个简单的例子

比如这里有一个简单的 form 表单

r1

r2

r3

r4

c1

c2

c3

c4

login

reset

页面如下

html怎么获取form表单数据,如何优雅的获取Form表单数据?_第1张图片

现在,随便输入点内容

html怎么获取form表单数据,如何优雅的获取Form表单数据?_第2张图片

如果提交,表单会触发默认行为,直接以get方式提交到当前页

html怎么获取form表单数据,如何优雅的获取Form表单数据?_第3张图片

可以看到这些参数正是我们输入的参数。

表单的默认行为

通常我们都会把这些默认行为阻止掉,毕竟都不希望在提交表单会跳转到另一个页面,或者刷新整个页面form.addEventListener("submit", (ev) => {

ev.

你可能感兴趣的:(html怎么获取form表单数据,如何优雅的获取Form表单数据?)