Oye, digamos que tengo un formulario simple como este:
<form> <label for="name">Enter name:</label> <input type="text" id="name"> <label for="surname">Enter surname:</label> <input type="text" id="surname"> <label for="number">Phone number:</label> <input type="text" id="number"> </form>
y en javascript, en lugar de obtener los valores uno por uno y almacenarlos con los selectores de consulta, ¿hay alguna forma de seleccionar todo el formulario y obtener sus valores de entrada? también después de eso, ¿cómo puedo almacenarlos en variables para poder usarlos más tarde? por ejemplo, imprímalos uno por uno.
Puedes usar FormData :
let myForm = document.getElementById('myForm'); let formData = new FormData(myForm); console.log(formData.entries());
<form id="myForm"> <label for="name">Enter name:</label> <input type="text" id="name"> <label for="surname">Enter surname:</label> <input type="text" id="surname"> <label for="number">Phone number:</label> <input type="text" id="number"> </form>
Bobi. Puede usar el método FormData() de javascript.
var formData = new FormData(document.querySelector('form'))
Por favor revise este documento. https://developer.mozilla.org/en-US/docs/Web/API/FormData/FormData
Espero que esto ayude. Feliz codificación ~ :)