Что такое атрибут action у form

Question

Что такое атрибут action у form

Тип вопроса: HTML Вероятность: 10% Категория: Frontend Разработчик

Ответ

Атрибут action в HTML-форме (<form>) указывает URL, куда будут отправлены данные формы при её отправке. Это может быть путь к серверному скрипту (например, PHP, Node.js), который обрабатывает данные.

Пример:

<form action="/submit-form" method="POST">
  <input type="text" name="username">
  <button type="submit">Отправить</button>
</form>

Особенности:

Если action не указан, форма отправит данные на текущий URL страницы
Можно использовать относительные и абсолютные пути
Работает в связке с атрибутом method (GET/POST)
Для обработки на клиенте можно использовать JavaScript и event.preventDefault()

Ответ 18+ 🔞

Да ты посмотри, какой атрибут интересный — action. Это ж, блядь, как указатель для формы, куда ей свои данные слать, когда её отправят. Ну, типа, адресок серверного скрипта, который всё это добро примет и начнёт обрабатывать. PHP там, Node.js, или что душе угодно.

Вот смотри, как просто, ёпта:

<form action="/submit-form" method="POST">
  <input type="text" name="username">
  <button type="submit">Отправить</button>
</form>

А теперь, внимание, ебать мои старые костыли, нюансы:

Во-первых, если этот самый action вообще забыть указать — форма, хитрая жопа, отправит всё на тот же самый URL, где страница и лежит. Полный рециклинг, блядь.
Путь можно писать как относительный (типа /submit-form), так и абсолютный (типа https://example.com/handler.php) — тут уж как удобнее.
Работает он не один, а в паре с атрибутом method, который решает, GET это будет или POST. Без метода — как кот сука собака, непонятно кто.
Ну и если тебе на клиенте всё обработать охота, через JavaScript, то можно event.preventDefault() впилить, чтобы форма никуда не уползала, а делала что тебе надо. Вот так вот, пиздец, всё продумано.