Обероныч,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script>
var d = document;
var nick;
var cls;
var level;
var prestige;
var chrono;
var other;
var sfor;
function addRow()
{
// Считываем значения с формы
nick = d.getElementById('nick').value;
cls = d.getElementById('cls').value;
level = d.getElementById('level').value;
prestige = d.getElementById('prestige').value;
chrono = d.getElementById('chrono').value;
other = d.getElementById('other').value;
sfor = d.getElementById('sfor').value;
// Находим нужную таблицу
var tbody = d.getElementById('tab1').getElementsByTagName('tbody')[0];
// Создаем строку таблицы и добавляем ее
var row = d.createElement("tr");
tbody.appendChild(row);
// Создаем ячейки в вышесозданной строке
// и добавляем тх
var td1 = d.createElement("td");
var td2 = d.createElement("td");
var td3 = d.createElement("td");
var td4 = d.createElement("td");
var td5 = d.createElement("td");
var td6 = d.createElement("td");
var td7 = d.createElement("td");
row.appendChild(td1);
row.appendChild(td2);
row.appendChild(td3);
row.appendChild(td4);
row.appendChild(td5);
row.appendChild(td6);
row.appendChild(td7);
// Наполняем ячейки
td1.innerHTML = nick;
td2.innerHTML = cls;
td3.innerHTML = level;
td4.innerHTML = prestige;
td5.innerHTML = chrono;
td6.innerHTML = other;
td7.innerHTML = sfor;
alert ("Добавлено.")
}
</script>
</head>
<body>
<form action="" id="add_persons" method="post" onsubmit="addRow();return false;">
<fieldset>
<legend>Здесь вы можете добавить себя</legend>
<ul>
<li>
<label for="nick">Ник</label>
<input type="text" name="nick" id="nick" value="" size="12" tabindex="1" />
</li>
<li>
<label for="cls">Класс</label>
<input type="text" name="class" id="cls" value="" size="12" tabindex="2" />
</li>
<li>
<label for="level">Уровень</label>
<input type="text" name="level" id="level" value="" size="12" tabindex="3" />
</li>
<li>
<label for="prestige">Пройденное уважение</label>
<input type="text" name="prestige" id="prestige" value="" size="12" tabindex="4" />
</li>
<li>
<label for="chrono">Открытое Хроно</label>
<input type="text" name="chrono" id="chrono" value="" size="12" tabindex="5" />
</li>
<li>
<label for="other">Другое</label>
<input type="text" name="other" id="other" value="" size="12" tabindex="6" />
</li>
<li>
<label for="sfor">Ищу</label>
<input type="text" name="sfor" id="sfor" value="" size="12" tabindex="7" />
</li>
<input type="submit" name="subm" class="submit" value="Добавить" tabindex="8" />
</ul>
</fieldset>
</form>
<table id="tab1">
<thead>
<tr>
<th>Ник</th>
<th>Класс</th>
<th>Уровень</th>
<th>Уважение</th>
<th>Хроно</th>
<th>Другое</th>
<th>Ищет</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</body>
</html>