JSFiddle - React, Tailwind, and code Playground

HTML

<form id="request" method="post" >
  <input type="text" id="name">
  <button type="submit">КНОПКА</button>
</form>

JavaScript

document.querySelector('#request').addEventListener('submit', (e) => {
	e.preventDefault(); // отменяем стандартное поведение формы
  
  // собираем данные из полей формы и делаем что душе угодно
  const fields = e.target.querySelectorAll('input');
  
  console.log(Array.from(fields).map(input => ({
  	id: input.getAttribute('id'),
    value: input.value
  })));
});