<form data-form="feedback">
<input type="text" placeholder="Name">
<input type="text" placeholder="e-mail">
<input type="submit" value="Send">
</form>
const form = document.querySelector('form')
form.addEventListener('submit', e => {
e.preventDefault()
console.log(e.target.dataset.form)
})
const sendForm = async (data) => await api.post(data)
const onSubmit = async (data) => {
// добавить сюда получение данных из формы
try {
const res = await sendForm(data)
document.querySelector('#your-form').classList.add('active')
} catch (error) {
console.error(error)
}
}
display: flex;
gap: 10px;
flex-wrap: wrap;
flex: 1 0 300px;
padding: 0 10px;
width: 25%;
media screen and (max-width: 992px) {
padding: 0;
width: 100%;
}