Лабораторная работа №5
«Запись html кода на Web-странице по образцу рисунка»
Задание 1.Запись html кода на Web-странице по рисунку «Данные документа»
Указание к выполнению
1.Написать html код для рис.1.
2.В окне тип документа указать: Реферат, Практическая работа, Лабораторная работа.
3.Внести личные данные студента из зачетной книжки.
Рис.1Данные документа |
Рис.2 Регистрация нового пользователя |
Задание 2.Запись html кода на Web-странице по рисунку «Регистрация нового пользователя».
Указание к выполнению
1.Написать html код для данного рис.2.
2.В качестве данных пользователя внести личные данные студента.
<HTML>
<HEAD>
<TITLE>П/р№5.Задание 1.</TITLE>
</HEAD>
<BODY>
<p>
<table border=0 width=100% >
<tr>
<td bgcolor=pink><b>Данные документа</b>
<form name=input action="" method=get>
<table border=0 width=100%>
<tr>
<td align=right>Тип Документа:</td>
<td align=left >
<select name=notebook>
<option value=referat>Реферат</option>
<option value=practica>Практическая работа</option>
<option value=lab>Лабораторная работа</option>
</select>
</td>
</tr>
<tr>
<td align=right>Дисциплина:</td>
<td align=left><textarea rows=4 cols=30></textarea>
</td>
</tr>
<tr>
<td align=right>Цель Работы:</td>
<td align=left><input type=text name=tsel value="" size=25></td>
</tr>
<tr>
<td align=right>Дата сдачи с:</td>
<td align=left><input type=text name=datac value=дд.мм.гггг size=25></td>
</tr>
<tr>
<td align=right>по:</td>
<td align=left><input type=text name=datap value=дд.мм.гггг size="25"></td>
</tr>
<tr>
<td align=right>Номер зачетной книжки:</td>
<td align=left><input type=text name=nomer value="" size=25></td>
</tr>
<tr>
<td align=right>Ключевые слова:</td>
<td align=left><textarea rows=7 cols=30></textarea></td>
</tr>
<tr>
<td align=right><input type=submit value=Отправить></td>
<td align=left><input type=reset value=Сброс></td>
</tr>
</table>
</form>
</th>
<th bgcolor=gray> Регистрация нового пользователя
<form name=input action="" method=get>
<table width=100% border=0>
<tr>
<td colspan=2>Обязательные поля выделены красным цветом</td>
</tr>
<tr>
<td align=right><font color=red> Ник(псевдоним):</font></td>
<td align=left><input type=text name=nikname size=25></td>
</tr>
<tr>
<td align=right><font color=red>E-mail:</font></td>
<td align=left><input type=text name=mail value="" size=25></td>
</tr>
<tr>
<td align=right><font color=red>Пароль(не менее 6 сим):</font></td>
<td align=left><input type=password name=password value=abcdef size=25></td>
</tr>
<tr>
<td align=right><font color=red>Подтвердите Пароль:</font></td>
<td align=left><input type=password name=password2 value=abcdef size=25></td>
</tr>
<tr>
<td align=right> Фамилия</td>
<td align=left><input type=text name=family size=25></td>
</tr>
<tr>
<td align=right> Имя</td>
<td align=left><input type=text name=name size=25></td>
</tr>
<tr>
<td align=right> Отчество</td>
<td align=left><input type=text name=middlename size=25></td>
</tr>
<tr>
<td align=right> Дата рождения</td>
<td align=left>
<select name=seleccionaDia class=fecha>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>
<select name=seleccionMes class=fecha onchange=asignaDias()>
<option>Январь</option>
<option>Февраль</option>
<option>Март</option>
<option>Апрель</option>
<option>Май</option>
<option>Июнь</option>
<option>Июль</option>
<option>Август</option>
<option>Сентябрь</option>
<option>Октябрь</option>
<option>Ноябрь</option>
<option>Декабрь</option>
</select>
<select name=seleccionaAnyo class=fecha onchange=asignaDias()>
<script language=JavaScript type=text/javascript>
document.write(rellenaAnyos(50));
</script>
</select>
</td>
</tr>
<tr>
<td align=right> Пол:</td>
<td align=left>
<input type=radio name=user checked=checked> Мужской
<input type=radio name=user > Женской
</td>
</tr>
<tr>
<td align=right> Город Проживания:</td>
<td align=left><input type=text name=middlename size=25></td>
</tr>
<tr>
<td align=right> ВУЗ:</td>
<td align=left><input type=text name=Bys size=25></td>
</tr>
<tr>
<td align=right> Студент группы:</td>
<td align=left><input type=text name=StudentGrup size=25></td>
</tr>
<tr>
<td align=right> Образование:</td>
<td align=left>
<input type=radio name=user checked=checked> Специалист <br>
<input type=radio name=user > Бакалавр<br>
<input type=radio name=user > Среднее специальное<br>
<input type=radio name=user > Среднее
</td>
</tr>
<tr>
<td align=right><input type=submit value=Зарегистрироваться></td>
<td align=left><input type=reset value=Очистить Форму></td>
</tr>
</table>
</form>
</th>
</tr>
</table>
</p>
</body>
</html>