温馨提示×

javascript获取表单数据的方法有哪些

小亿
250
2023-08-07 10:27:48
栏目: 编程语言

JavaScript获取表单数据的方法有以下几种:

  1. 使用document.getElementById()方法获取表单元素的值。例如:
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
  1. 使用document.forms属性获取表单元素的值。例如:
var username = document.forms["myForm"]["username"].value;
var password = document.forms["myForm"]["password"].value;
  1. 使用document.querySelector()document.querySelectorAll()方法获取表单元素的值。例如:
var username = document.querySelector("#username").value;
var password = document.querySelector("#password").value;
  1. 使用document.forms["myForm"].elements属性获取表单元素的值。例如:
var username = document.forms["myForm"].elements["username"].value;
var password = document.forms["myForm"].elements["password"].value;
  1. 使用FormData对象获取表单数据。例如:
var form = document.querySelector("form");
var formData = new FormData(form);
var username = formData.get("username");
var password = formData.get("password");

注意:以上方法中,usernamepassword是表单元素的name属性值。

0