Вы находитесь на странице: 1из 4

Министерство Образования Азербайджанской Республики

Азербайджанский Технический Университет

ЛАБОРАТОРНАЯ РАБОТА №2

HTML - форма регистрации визы

Кафедра: Компьютерные технологии

Факультет: Информационные и Телекоммуникационные Технологии

Предмет: Веб-системы и технологии

Группа: 680R

Студент: Мехдиев Кямран

Педагог: Алиева Шахла

2023 г.
Ниже приведен пример кода HTML для формы регистрации визы:

<!DOCTYPE html>
<html>
<head>
<title>Регистрация визы</title>
</head>
<body>
<h1>Регистрация визы</h1>
<form>
<label for="firstName">Имя:</label>
<input type="text" id="firstName" name="firstName" required><br>
<label for="lastName">Фамилия:</label>
<input type="text" id="lastName" name="lastName" required><br>
<label for="passport">Паспорт:</label>
<input type="text" id="passport" name="passport" required><br>
<label for="country">Страна:</label>
<input type="text" id="country" name="country" required><br>
<label for="arrivalDate">Дата прибытия:</label>
<input type="date" id="arrivalDate" name="arrivalDate"
required><br>
<label for="departureDate">Дата отбытия:</label>
<input type="date" id="departureDate" name="departureDate"
required><br>
<input type="submit" value="Отправить">
</form>
</body>
</html>

Этот код создает форму, которую пользователи могут заполнить для


регистрации визы. Форма содержит следующие поля:
 Имя
 Фамилия
 Номер паспорта
 Страна
 Дата прибытия
 Дата отбытия
Каждое поле представлено HTML-элементом <input>, который имеет
атрибуты type, id, name и required. type указывает тип поля (например, text,
date, submit и т.д.), id и name указывают идентификатор и имя поля
соответственно, а required указывает на то, что поле обязательно для
заполнения.

Кроме того, форма содержит кнопку <input type="submit"


value="Отправить">, которая позволяет отправить заполненную форму на
сервер.

Это простой пример формы регистрации визы, и на практике реальные


формы могут быть намного более сложными и содержать большее
количество полей и различных элементов управления.

1. <!DOCTYPE html> - объявляет, что документ является HTML5-


документом.
2. <html> - определяет начало и конец HTML-документа.
3. <head> - содержит метаданные документа, такие как заголовок
страницы, описание, ключевые слова и т.д.
4. <title> - определяет заголовок документа, который отображается во
вкладке браузера.
5. <body> - определяет содержимое страницы.
6. <h1> - определяет заголовок первого уровня.
7. <form> - определяет форму, которую пользователь может заполнить.
8. <label> - определяет метку для элемента управления формы.
9. for - атрибут метки, который связывает метку с соответствующим
элементом управления формы. Значение атрибута должно совпадать с
id соответствующего элемента управления формы.
10.<input> - определяет элемент управления формы.
11.type - атрибут элемента управления формы, который определяет тип
поля (например, text, date, submit и т.д.).
12.id - атрибут элемента управления формы, который определяет
уникальный идентификатор элемента.
13.name - атрибут элемента управления формы, который определяет имя
элемента. Имя элемента используется при отправке данных на сервер.
14.required - атрибут элемента управления формы, который указывает,
что поле обязательно для заполнения
15.<br> - определяет перенос строки внутри элемента формы.
16.<input type="submit"> - определяет кнопку отправки формы.
17.value - атрибут кнопки отправки формы, который определяет текст на
кнопке.

Вам также может понравиться