HTML_CSS3
.docxФедеральное агентство связи
Уральский технический институт связи и информатики (филиал) ФГБОУ ВО "Сибирский государственный университет телекоммуникаций и информатики" в г. Екатеринбурге (УрТИСИ СибГУТИ)
КАФЕДРА
Информационных систем и технологий
(ИСТ)
ОТЧЕТ
по дисциплине: «Разработка программных модулей.»
Практическая работа №3.
Выполнила: |
студентки гр.181 Изюрова В.Н |
Проверил: |
преподаватель Тупицын К.М |
Екатеринбург, 2022
Практическая работа №3
1 Цель работы: отработать навыки, полученные в ходе выполнения предыдущих работ.
2 Задания:
2.1 задание: Работа с формой.
Основной код:
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<form action="index.html" method="post" >
<h2>Личные данные</h2>
<br><input type="radio" id="Мужской" value="Mужской" name="sex"><label for="M" class="light">Мужской</label>
<input type="radio" id="Женский" value="Женский" name="sex"><label for="Женский" class="light">Женский</label></br>
<br><input type="text" id="name" name="USE_name" placeholder="Ваше имя"></br>
<br><input type="surname" id="surn" name="USE_surname" placeholder="Ваша фамилия"></br>
<br><input type="phone" id="numbphon" name="USE_number" placeholder="Номер телефона"></br>
<br><input type="email" id="e-mail" name="USE_email" placeholder="Почта"></br>
<br><textarea id="bio" name="USE_bio" placeholder="Информация о вас"></textarea></br>
<h2>Безопастность</h2>
<br><input type="password" id="sec" placeholder="Старый пароль"></br>
<br><input type="password" id="ret" placeholder="Новый пароль"></br>
<br><input type="password" id="passw" placeholder="Новый пароль еще раз"> </br>
<select>
<option>Секретный вопрос</option>
<option>Кличка кота</option>
<option>Кличка собаки</option>
</select>
<br><input type="text" placeholder="Ответ на секретный вопрос"></br>
<h2>Оповещения</h2>
<br><input type="checkbox" id="e-mailnew">
<label for="e-mailnew">Получать новости на e-mail</label></br>
<br><input type="checkbox" id="salenotif">
<label for="salenotif">Получать информацию о скидках</label></br>
<br><button style="background-color: #97c89a;" type="submit">Сохранить</button>
<button style="background-color: #acacac;" type="reset">Отменить и очистить</button></br>
</form>
</body>
</html>
Код CSS:
h2 {
color: #1784bc;
font-size: 18px;
text-align: center;
}
body {
background-color: #f2f2f2;
font-family: Tamoha;
font-size: 15px;
color: #121212;
text-align: center;
}
form {
width:300px;
margin: 20px auto 0;
padding: 20px;
border: 1px solid #d0d0d0;
background-color: #fff;
text-align: center;
}
input, textarea {
border:1px solid #d0d0d0;
padding: 5px;
text-align: center;
}
button {
padding: 10px 15px;
font-family: inherit;
font-size: 15px;
color: #fff;
border: 0;
text-align: center;
}
Рисунок 1 - Результат.