<form class="form"> <div class="container"> <label>URL</label> <input id="data-url" value="val" type="text" /> </div> </form> const formData = new FormData(document.querySelector('.form')); console.log([...formData])Es una versión simplificada de HTML, pero básicamente las etiquetas label y input son descendientes de form . Estoy tratando de obtener el valor de entrada y el nombre de la etiqueta usando la API de FormData, pero está vacío por alguna razón.
Necesitas darle un name a la entrada:
form.addEventListener('submit', function(e) { e.preventDefault(); const formData = new FormData(form); console.log([...formData]) }) <form class="form" id="form"> <div class="container"> <label>URL</label> <input id="data-url" value="val" type="text" name="data-url" /> </div> <button>View form data</button> </form>