отчет 2
.docxФедеральное государственное образовательное
Учреждение высшего профессионального образования
Национальный исследовательский технологический университет
«МИСиС»
Институт ИТАСУ
Лабораторная работа №2.
Выполнила:
Студентка гр. МИТ-14-2
Николаева Галина.
Проверил:
Конов И.С.
Москва, 2016.
Задание.
Создать регистрационную форму для записи на прием в поликлинику.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Запись на прием</title>
</head>
<body>
<h1>Запись на прием</h1>
<form>
<fieldset>
<legend>Личная информация</legend>
<p>
<label>
ФИО
<input type="text" name="text1" value=" " />
</label>
</p>
<p>
<label>
Телефон
<input type="tel" name="phone" placeholder="123-12-34" />
</label>
</p>
<p>
<label>
Адpec электронной почты
<input type="email" name="email" placeholder="user@domain.com" />
</label>
</p>
<p>
<label>
Дата рождения
<input type="date" name="date" min="1900-01-01" max="2016-03-14" />
</label>
</p>
</fieldset>
</form>
<form>
<fieldset>
<legend>Назначить прием</legend>
<p>
<label>
Какова причина вашего визита?
</label>
<select name="select1">
<option value="value1">Плановый осмотр</option>
<option value="value2">Первичный прием</option>
<option value="value3">Повторный прием</option>
</select>
</p>
<p>
<label>
Степень болевых ощущений
<input type="text" name="text1" value=" " />
</label>
</p>
<p>
<label>
Предпочтительная дата
<input type="date" name="date" min="2016-03-14" max="2016-12-31" /></label>
</p>
<p>
<label>
Предпочтительное время
<input type="time" name="time" min="08:00" max="18:00" /></label>
</p>
</fieldset>
<p>
<input type="submit" value="Отправить" />
</p>
</form>
</body>
</html>
Теги:
<form> - устанавливает форму на веб-странице;
<fieldset> - предназначен для группирования элементов формы;
<legend> - применяется для создания заголовка группы элементов формы, которая определяется с помощью тега <fieldset>;
<label> - устанавливает связь между определенной меткой, в качестве которой обычно выступает текст, и элементом формы;
<input> - предназначен для создания текстовых полей, различных кнопок, переключателей и флажков;
Атрибуты <input>:
Type - сообщает браузеру, к какому типу относится элемент формы;
Name - имя поля, предназначено для того, чтобы обработчик формы мог его идентифицировать;
Value - значение элемента;
Placeholder - выводит подсказывающий текст;
Max - верхнее значение для ввода числа или даты;
Min - нижнее значение для ввода числа или даты;
<select> - позволяет создать элемент интерфейса в виде раскрывающегося списка, а также список с одним или множественным выбором;
<option> - определяет отдельные пункты списка, создаваемого с помощью контейнера <select>;
Атрибут value - значение пункта списка, которое будет отправлено на сервер или прочитано с помощью скриптов.
Результат работы программы: