Автор работы: Пользователь скрыл имя, 03 Октября 2017 в 23:11, лабораторная работа
Цель работы: научиться создавать различные HTML формы, а также изучить основные способы передачи данных на сервер при помощи HTTP протокола.
Задание:
1) разработать 4 HTML формы в соответствии с таблицами 1 и 2. Дизайн и расположение стандартных управляющих элементов на форме выбираются студентом самостоятельно. В каждой форме, помимо указанных в таблице 2 элементов должна быть кнопка отправки данных на сервер;
2) предусмотреть Javascript-проверки на корректность заполнения элементов для разработанных форм.
3) изучить структуру отправляемых и принимаемых по HTTP протоколу данных для каждой формы.
Ответ сервера:
Request URL:http://microsoft.com/?
Request Method:GET
Status Code:301 Moved Permanently
Remote Address:104.43.195.251:80
Referrer Policy:no-referrer-when-
Response Headers
view source
Content-Length:146
Content-Type:text/html; charset=UTF-8
Date:Thu, 28 Sep 2017 18:06:12 GMT
Location:https://microsoft.
Server:Microsoft-IIS/8.5
X-Powered-By:ASP.NET
Request Headers
view source
Accept:text/html,application/
Accept-Encoding:gzip, deflate
Accept-Language:ru-RU,ru;q=0.
Connection:keep-alive
Cookie:MC1=GUID=
Host:microsoft.com
Upgrade-Insecure-Requests:1
User-Agent:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36
HTML-текст:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Форма регистрации</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="form-block">
<div class="form-navigation">
<a href="form-1.html">Форма-1</a>
<a href="form-2.html">Форма-2</a>
<a href="form-3.html">Форма-3</a>
<a class="active" href="form-4.html">Форма-4</a>
</div>
<h1>Форма вопрос-ответ</h1>
<form action="nvidia.com" method="GET" onsubmit="return testing()">
<textarea id="question" placeholder="Введите ваш вопрос"></textarea>
<select name="category" id="category">
<option value="cat-1">Категория 1</option>
<option value="cat-2">Категория 2</option>
<option value="cat-3">Категория 3</option>
</select>
<input type="submit" value="Задать вопрос">
</form>
</div>
</body>
<script type="text/javascript">
function testing(){
var question = document.getElementById('
var questionReg = /^[а-яА-ЯёЁa-zA-Z'( )'' '',''.' ']+$/;
if(question){
if(question.value.length == 0){
alert('Поле вопроса не может быть пустым');
return false;
}
}
if(questionReg.test(question.
}else{
alert('Введите вопрос корректно!!!');
return false;
}
}
</script>
</html>
Экранные формы:
Ответ сервера:
Request URL:http://nvidia.com/?
Request Method:GET
Status Code:302 Object Moved
Remote Address:216.228.121.209:80
Referrer Policy:no-referrer-when-
Response Headers
view source
Cache-Control:private
Connection:close
Content-Type:text/html
Location:http://www.nvidia.
Request Headers
view source
Accept:text/html,application/
Accept-Encoding:gzip, deflate
Accept-Language:ru-RU,ru;q=0.
Connection:keep-alive
Host:nvidia.com
Upgrade-Insecure-Requests:1
User-Agent:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36
Query String Parameters
view source
view URL encoded
category:cat-1