Создание формы

Форма используется для ввода и отправки данных от пользователя.

Например:

index.html

html

<!doctype html>
<html lang="ru">
    <head>
        <meta charset="UTF-8" />
        <title>Моя первая страница</title>
    </head>
    <body>
        <form action="/submit" method="post">
            <label for="name">Имя:</label>
            <input type="text" id="name" name="name" required />

            <br />

            <label for="email">Email:</label>
            <input type="email" id="email" name="email" required />

            <br />

            <button type="submit">Отправить</button>
        </form>
    </body>
</html>

<form> ... </form> - добавление формы;
- action - адрес, куда отправлять данные формы;
- method - способ отправки;
  - get - передача данных через строку запроса;
  - post - передача данных через специальные заголовки;
- enctype - тип передаваемых данных;
  - application/x-www-form-urlencoded - кодировка отправляемых данных по умолчанию;
  - multipart/form-data - кодировка применяемая при отправке файлов;
  - text/plain - кодировка применяемая при отправке простой текстовой информации;
- autocomplete - автодополнение формы (autocomplete="on", autocomplete="off");
<label> ... </label> - подпись для поля ввода;
- for - указывает к какому полю относится подпись (совпадает с id тега <input>);
<input/> - поле ввода;
- type - тип вводимых данных (text - текст);
- id - уникальный идентификатор (используется <label>);
- name - имя поля (под этим именем оно будет отправлено на сервер);
- required - поле обязательно для заполнения;
<button> ... </button> - кнопка;
- type="submit" - отправка формы при нажатии на кнопку;

Создание формы ​

Создание формы