编写一个HTML页面，页面中包含一个表单，表单中有两个输入框（用于输入计算的两个数值）和一个按钮（提交表单）。表单提交后，显示两个数值相加的结果。请确保HTML页面代码正确无误，并符合语义化 HTML 标准。
user
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>简单计算器</title>
</head>
<body>
    <form action="#" method="post" id="calcForm">
        <label for="num1">第一个数字:</label>
        <input type="number" id="num1" name="num1" required>
        <br>
        <label for="num2">第二个数字:</label>
        <input type="number" id="num2" name="num2" required>
        <br>
        <button type="submit">计算</button>
    </form>
    <div id="result" style="margin-top: 20px;"></div>

    <script>
        document.getElementById('calcForm').addEventListener('submit', function (event) {
            event.preventDefault();
            const num1 = parseFloat(document.getElementById('num1').value);
            const num2 = parseFloat(document.getElementById('num2').value);
            const result = num1 + num2;
            document.getElementById('result').innerHTML = `计算结果: ${result}`;
        });
    </script>
</body>
</html>
```
assistant