Загрузка данных

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Разделы студенческой газеты</title>

    <script>
        function showSections() {
            var boxes = document.forms["gazeta"].elements["section"];
            var result = "Разделы студенческой газеты:\n";

            for (var i = 0; i < boxes.length; i++) {
                if (boxes[i].checked) {
                    result += boxes[i].value + "\n";
                }
            }

            document.forms["gazeta"].area.value = result;
        }
    </script>
</head>

<body bgcolor="#f8f8ff">
<center>
    <h3>Разделы студенческой газеты</h3>

    <form name="gazeta">
        <h4>Какие разделы должны быть в студенческой газете?</h4>

        <table border="3" cellpadding="8">
            <tr>
                <td>
                    <input type="checkbox" name="section" value="Новости" onchange="showSections()"> Новости<br>
                    <input type="checkbox" name="section" value="Гости" onchange="showSections()"> Гости<br>
                    <input type="checkbox" name="section" value="Награждения" onchange="showSections()"> Награждения<br>
                    <input type="checkbox" name="section" value="Образование" onchange="showSections()"> Образование<br>
                    <input type="checkbox" name="section" value="Досуг" onchange="showSections()"> Досуг<br>
                    <input type="checkbox" name="section" value="Развлечения" onchange="showSections()"> Развлечения<br>
                    <input type="checkbox" name="section" value="Карьера" onchange="showSections()"> Карьера<br>
                </td>

                <td>
                    <textarea name="area" cols="35" rows="10"></textarea>
                </td>
            </tr>
        </table>

        <br>
        <input type="reset" value="Очистить">
    </form>
</center>
</body>
</html>