1024节日快乐

发布于:2023-10-25 ⋅ 阅读:(77) ⋅ 点赞:(0)

<!DOCTYPE html>
<html>
<head>
    <title>1024节庆祝系统</title>
    <style>
        /* 在这里添加你的CSS样式 */
    </style>
</head>
<body>
    <h1>1024节快乐!</h1>
    <p>这里是庆祝1024节的系统。</p>
    <form>
        <label for="name">请输入你的名字:</label>
        <input type="text" id="name" name="name">
        


        <label for="message">请输入你想说的话:</label>
        <textarea id="message" name="message"></textarea>
        


        <input type="submit" value="提交">
    </form>
    <div id="output"></div>
    <script>
        document.querySelector('form').addEventListener('submit', function(event) {
            event.preventDefault(); // 阻止表单默认提交行为
            var name = document.getElementById('name').value;
            var message = document.getElementById('message').value;
            var outputDiv = document.getElementById('output');
            outputDiv.innerHTML += '<p>' + name + ': ' + message + '</p>';
            document.getElementById('name').value = '';
            document.getElementById('message').value = '';
        });
    </script>
</body>
</html>

祝大家1024节快乐。


网站公告

今日签到

点亮在社区的每一天
去签到