В начале формы пишешь:
<form action="test.php" method="get">
вместо
<form action="">
И добавляешь 2 input'а с type="text" и name="firstname" и name="lastname"
Создаешь в той же папке test.php следующего содержания:
<?php
echo "Имя " . $_GET[firstname] . " Фамилия " . $_GET[lastname];
?>
Для этого должен быть настроен php, это в гугл
.
Кстати, можно по-другому, без php:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Test</title>
</head>
<body>
<form action="test2.html" method="get">
Email:<input type="text" name="email" value="test_email"/>
Phone:<input type="text" name="phone" value="121222"/>
<input type="submit" />
</form>
</body>
</html>
Файл test2.html:
<script type="text/javascript" charset="utf-8">
var resultats = location.search.slice(1).split('&').map(function (e) { return e.split('=')[1] });
document.writeln('Email:' + resultats[0]);
document.writeln('Phone:' + resultats[1]);
</script>
В строке с resultats, по порядку:
1. location.search - берем строку вида ('?emai=te&phone=1').
2. slice(1) - убираем знак вопроса
3. split('&') - разделяем строку на массив строк по '&'
4. map(function (e) {}) - проходим по массиву и каждый элемент еще раз разбиваем по '=' и возвращаем второй элемент.