<html>
<head>
<style>
h1
{
color: red;
text-align: center;
}
body
{
background-color: PaleGreen;
font-weight: bold;
}
input
{
font-weight: bold;
}
</style>
<script>
function osebe() {
// переменная a объект текстовое поле с именем b
// переменная c содержит значение свойства value этого объекта
var a = document.getElementById('b');
c = a.value;
var d = document.getElementById('e');
f = d.value;
var g = document.getElementById('h');
i = g.value;
var j = document.getElementById('k');
l = j.value;
var m = document.getElementById('n');
o = m.value;
var p = document.getElementById('q');
r = p.value;
var s = document.getElementById('t');
u = s.value;
// переменная win экземпляр объекта window
// создается пустое окно размерами 800 на 500,
var win = window.open("", "", "width=800,height=500");
// открываем запись в это окно - объект win
win.document.open();
// формирование строки str
var str = "<h1>О себе</h1><hr><P>";
// вывод строки в документ окна win
win.document.write(str);
var str = '<h2>Я,'+c+' '+f+' '+i+' родился в '+l+' году в городе '+o+'.</h2>';
win.document.write(str);
var str = '<h3>Больше всего мне нравится '+r+' и очень не нравится '+u+'.</h3>';
win.document.write(str);
// формирование и вывод кнопки закрытия
str = '<input type="button" value="закрыть"' + 'onClick="window.close();">';
win.document.write(str);
// закрываем вывод в документ объекта win
win.document.close();
}
</script>
</head>
<body>
<h1>
Анкета</h1>
<hr>
<form>
<p>
Имя<input type="text" value="Семенов" name="b" id='b' size="30"></p>
<p>
Фамилия<input type="text" value="Семен" name="e" id='e' size="30"></p>
<p>
Отчество<input type="text" value="Семенович" name="h" id='h' size="30"></p>
<p>
Год рождения<input type="text" value="1990" name="k" id='k' size="30"></p>
<p>
Место рождения<input type="text" value="Москва" name="n" id='n' size="30"></p>
<p>
Любимое занятие<input type="lext" value="читать книги" name="q" id='q' size="30"></p>
<p>
Нелюбимое занятие<input type="dontlike" value="мыть посуду" name="t" id='t' size="30"></p>
<input type="button" value="Сформировать биографию" onclick="osebe()">
<hr>
</form>
</body>
</html>