База вопросов
Собеседования
Тренажёр
База ресурсов
Обучение
Навыки
Задачи
Проверяет знание типов кнопок в HTML и их поведения по умолчанию в формах.
В HTML элемент по умолчанию имеет тип submit. Это важная особенность, которая часто приводит к неожиданному поведению, если разработчик не указывает атрибут type явно. Когда кнопка находится внутри формы, нажатие на неё вызывает отправку данных формы на сервер. Если кнопка расположена вне формы, она не выполняет никаких действий.Примеры использованияРассмотрим простой пример формы:<form action="/submit" method="post"> <input type="text" name="username"> <button>Отправить</button> </form>В этом случае кнопка отправит форму. Чтобы предотвратить отправку, нужно явно указать type="button":<button type="button">Нажми меня</button>Также существуют типы reset (сбрасывает форму) и submit (отправляет форму).ВыводЗнание типа по умолчанию помогает избежать ошибок при работе с формами. Всегда указывайте атрибут type для кнопок, чтобы контролировать их поведение.
submit
type
Рассмотрим простой пример формы:
<form action="/submit" method="post"> <input type="text" name="username"> <button>Отправить</button> </form>
В этом случае кнопка отправит форму. Чтобы предотвратить отправку, нужно явно указать type="button":
type="button"
<button type="button">Нажми меня</button>
Также существуют типы reset (сбрасывает форму) и submit (отправляет форму).
reset
Знание типа по умолчанию помогает избежать ошибок при работе с формами. Всегда указывайте атрибут type для кнопок, чтобы контролировать их поведение.
Frontend developer
Ментор по Frontend
Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства
Уровень
Рейтинг:
3
Сложность:
1
HTML
Ключевые слова
#HTML
#button
#type
#submit
#form
Подпишись на React Developer в телеграм