<html>
<head>
<title></title>
<style>
#content {
width: 65%;
height: 410px;
border: 1px solid grey;
border-radius: 7px;
padding: 20px;
padding-top: 0;
display: block;
float: right;
}
#menu {
width: 20%;
height: 395px;
padding: 25px;
padding-top: 10px;
display: block;
float: left;
border: 1px solid grey;
border-radius: 7px;
}
p + p {
text-align: center;
}
</style>
<script type="text/javascript">
var tmp = new Array();
var tmp2 = new Array();
var param = new Array();
var get = location.search;
if(get != '') {
tmp = (get.substr(1)).split('&');
for(var i=0; i < tmp.length; i++) {
tmp2 = tmp[i].split('=');
param[tmp2[0]] = tmp2[1];
}
var obj = document.getElementById('content');
for (var key in param) {
obj.innerHTML += param[key] + " ";
}
}
</script>
</head>
<body>
<div id="menu">
<form action="index.html" name="Send">
<p><input type="text" name="Name" maxlength="20" style="width: 100%;" value="Имя"></p>
<p><textarea name="Mail" style="height: 70px; width: 100%; max-width: 200px; max-height: 300px;">Сообщение</textarea></p>
<p><input type="submit"></p>
</form>
</div>
<div id="content">
</div>
</body>
</html>
Простой
