Запропонувати правку

Покращити цю статтю

Допрацюйте відповідь до «Що робить атрибут method у <form>?». Ваші зміни проходять модерацію перед публікацією.

Потрібне підтвердження

Контент

Що ви змінюєте

Заголовок (UA)

Коротка відповідь (UA)

Показується над повною відповіддю для швидкого нагадування.

Відповідь (UA)

Атрибут `method` у тегу `<form>` визначає **спосіб відправлення даних** із форми на сервер, тобто **як саме браузер передасть введену користувачем інформацію**.

Він задає **HTTP-метод** запиту і напряму впливає на те, **де будуть знаходитися дані**: в адресному рядку чи в тілі запиту.

---

### 1. Синтаксис

```html
<form action="/submit" method="post">
  <input type="text" name="username">
  <button type="submit">Надіслати</button>
</form>
```

Тут:

- `action="/submit"`: куди відправляємо дані;
- `method="post"`: як відправляємо.

---

### 2. Два основні значення атрибута `method`

| Метод | Як працює | Де видно дані | Де використовується |
|---|---|---|---|
| **GET** | Дані додаються до URL (у рядку браузера) | В адресі (наприклад, `?name=Oleh`) | Пошук, фільтри, прості форми |
| **POST** | Дані відправляються «в тілі» HTTP-запиту | Невидимі користувачу | Реєстрація, логін, форми з паролями |

---

### 3. Приклад методу **GET**

```html
<form action="/search" method="get">
  <input type="text" name="q" placeholder="Пошук...">
  <button type="submit">Знайти</button>
</form>
```

Якщо користувач введе `телефон`, браузер відправить запит:

```javascript
/search?q=телефон
```

Особливості:

- дані **видно в адресному рядку**;
- легко копіювати й ділитися посиланням;
- **не можна** передавати конфіденційні дані (паролі, картки тощо);
- обмеження за довжиною URL (близько 2000 символів).

---

### 4. Приклад методу **POST**

```html
<form action="/register" method="post">
  <input type="text" name="login">
  <input type="password" name="password">
  <button type="submit">Зареєструватися</button>
</form>
```

Браузер відправить дані **в тілі HTTP-запиту**, а не в адресному рядку:

```javascript
POST /register
Content-Type: application/x-www-form-urlencoded

Особливості:

- дані **не видні користувачу**;
- немає обмежень за довжиною;
- підходить для **відправлення особистої або великої інформації** (файли, форми реєстрації, замовлення тощо).

---

### 5. Інші методи (використовуються рідко)

Хоча HTML-форми підтримують лише `get` і `post`,
у сучасних веброзробках (через JavaScript / API) трапляються й інші HTTP-методи:

- `PUT`: оновлення даних;
- `DELETE`: видалення;
- `PATCH`: часткове оновлення.

Але вони працюють **лише через JavaScript або API-запити**, не напряму в HTML.

---

### Підсумок:

| Параметр | Значення |
|---|---|
| Атрибут | `method` |
| Призначення | Визначає спосіб передачі даних форми |
| Основні значення | `get` і `post` |
| `GET` | Додає дані в URL, підходить для пошуку |
| `POST` | Передає дані в тілі запиту, підходить для форм з особистою інформацією |
| Якщо атрибут не вказано | Типово використовується `GET` |

---

**Простими словами:**
`method`, це **«як відправляємо лист»**:

- `GET`: як листівка, текст видно всім;
- `POST`: як конверт, дані всередині, ніхто не бачить.

Markdown · перетягуйте зображення · ⌘B / ⌘I шорткати386 слів

Для рев’юера

Примітка для модератора (необов’язково)

Бачить лише модератор. Прискорює рев’ю.