Ниже приведен код‚ который можно использовать для создания формы с полями для ввода имени‚ адреса электронной почты и сообщения⁚
CSS⁚
css
form {
display⁚ flex;
flex-direction⁚ column;
gap⁚ 1rem;
}
label {
margin-right⁚ 0.5rem;
}
input‚ textarea {
width⁚ 100%;
}
input[type=»submit»] {
align-self⁚ end;
}
JavaScript⁚
js
const form = document.querySelector(«form»);
form.addEventListener(«submit»‚ (event) => {
event.preventDefault;
const name = document.querySelector(«#name»).value;
const email = document.querySelector(«#email»).value;
const message = document.querySelector(«#message»).value;
// Здесь вы можете обработать отправку данных формы‚ например‚ отправив их на сервер.
});
Пример использования