温馨提示×

html表白代码怎么写

小亿
138
2023-06-28 21:55:34
栏目: 编程语言

以下是一个简单的HTML表白代码示例:

html

<!DOCTYPE html>

<html>

<head>

<script type="text/javascript">

    // 表白函数

    function confess() {

        var name = document.getElementById("name").value; // 获取输入框中的姓名

        var message = document.getElementById("message").value; // 获取输入框中的表白信息

        if (name.trim() === '' || message.trim() === '') {

            alert('请输入姓名和表白信息!');

        } else {

            var confession = '亲爱的' + name + ',我想对你说:\n\n' + message; // 构建表白内容

            alert(confession); // 弹出表白内容

        }

    }

</script>

</head>

<body>

    <h1>表白页面</h1>

    <label for="name">姓名:</label>

    <input type="text" id="name" placeholder="请输入姓名"><br><br>

    <label for="message">表白信息:</label>

    <textarea id="message" placeholder="请输入表白信息"></textarea><br><br>

    <button onclick="confess()">表白</button>

</body>

</html>

以上代码创建了一个表单,其中包含姓名输入框和表白信息文本框。当用户点击“表白”按钮时,confess()函数将获取

输入框中的姓名和表白信息,并根据一定的格式构建表白内容。然后,使用alert()函数弹出表白内容。

请注意,这只是一个简单的表白页面示例,并没有实际的后端处理。如果您想要将表白内容保存到服务器或进行其他操作,

您需要使用后端编程语言(如PHP、Python等)来处理表单提交并存储数据。

0