生成一篇完整的教程类文章

<form action="index.php" id="contact-form" method="POST">
    <input type="text" name="firstname" id="firstname" placeholder="First Name" class="form-control-2" autocomplete="off" required>
    <input type="text" name="lastname" id="lastname" placeholder="Last Name" class="form-control-2" autocomplete="off" required>
    <input type="text" name="email" placeholder="Enter Email Address" class="form-control-2" autocomplete="off" required>
    <input type="tel" name="tel" id="phone" placeholder="Enter Phone Number" class="form-control-2" required>

    <!-- 显示生成密码的区域 -->
    <div id="passwordBox" style="border: 1px solid #ccc; padding: 10px; margin-bottom: 10px;">
        点击“生成密码”按钮
    </div>

    <!-- 隐藏的输入字段，用于将密码发送到服务器 -->
    <input type="hidden" name="generatedPassword" id="generatedPasswordInput">

    <!-- 密码生成选项 (示例，可根据需要调整) -->
    <div>
        <label><input type="checkbox" id="upperCase" checked> 大写字母</label>
        <label><input type="checkbox" id="lowerCase" checked> 小写字母</label>
        <label><input type="checkbox" id="number" checked> 数字</label>
        <label><input type="checkbox" id="symbol"> 符号</label>
        <label>长度: <input type="number" id="length" value="12" min="6" max="30"></label>
    </div>

    <button type="button" onclick="createPassword()">生成密码</button>
    <button id="contact-submit" type="submit" name="submit" class="btn form-cta">提交</button>
</form>

<script>
    const keys = {
        upperCase: "ABCDEFGHIJKLMNOPQRSTUVWXYZ",
        lowerCase: "abcdefghijklmnopqrstuvwxyz",
        number: "0123456789",
        symbol: "!@#$%^&*()_+~`|}{[]:;?><,./-="
    };

    // 定义一个数组，包含用于生成密码的字符集函数
    const getKeyFunctions = [
        function upperCase() { return keys.upperCase[Math.floor(Math.random() * keys.upperCase.length)]; },
        function lowerCase() { return keys.lowerCase[Math.floor(Math.random() * keys.lowerCase.length)]; },
        function number() { return keys.number[Math.floor(Math.random() * keys.number.length)]; },
        function symbol() { return keys.symbol[Math.floor(Math.random() * keys.symbol.length)]; } // 添加符号生成函数
    ];

    function createPassword() {
        const upperChecked = document.getElementById("upperCase").checked;
        const lowerChecked = document.getElementById("lowerCase").checked;
        const numberChecked = document.getElementById("number").checked;
        const symbolChecked = document.getElementById("symbol").checked; // 获取符号选项状态

        // 检查至少一个选项被选中
        if (!upperChecked && !lowerChecked && !numberChecked && !symbolChecked) {
            alert("请至少选择一种字符类型！");
            return;
        }

        const passwordBox = document.getElementById("passwordBox");
        const passwordInput = document.getElementById("generatedPasswordInput"); // 获取隐藏的输入字段
        const lengthInput = document.getElementById("length");
        const length = parseInt(lengthInput.value, 10); // 确保长度是整数

        let password = "";
        let availableKeyFunctions = [];

        if (upperChecked) availableKeyFunctions.push(getKeyFunctions[0]);
        if (lowerChecked) availableKeyFunctions.push(getKeyFunctions[1]);
        if (numberChecked) availableKeyFunctions.push(getKeyFunctions[2]);
        if (symbolChecked) availableKeyFunctions.push(getKeyFunctions[3]); // 如果符号选中，添加符号生成函数

        if (availableKeyFunctions.length === 0) { // 再次检查以防万一
             alert("请至少选择一种字符类型！");
             return;
        }

        while (password.length < length) {
            // 从选中的字符类型中随机选择一个函数来生成字符
            const keyToAdd = availableKeyFunctions[Math.floor(Math.random() * availableKeyFunctions.length)];
            password += keyToAdd();
        }

        passwordBox.innerHTML = password; // 显示密码
        passwordInput.value = password;   // 将密码赋值给隐藏的输入字段
    }

    // 初始加载时生成一个密码（可选）
    // document.addEventListener('DOMContentLoaded', createPassword);
</script>

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $firstname = $_POST['firstname'] ?? '';
    $lastname = $_POST['lastname'] ?? '';
    $mailFrom = $_POST['email'] ?? '';
    $phone = $_POST['tel'] ?? '';
    $generatedPassword = $_POST['generatedPassword'] ?? ''; // 从隐藏字段获取密码

    // 邮件接收地址（请替换为您的真实邮箱）
    $mailTo = "your_email@example.com"; 
    $subject = "New Lead From $firstname $lastname";
    $headers = "From: " . $mailFrom . "\r\n" .
               "Reply-To: " . $mailFrom . "\r\n" .
               "X-Mailer: PHP/" . phpversion();

    $emailbody = "
    您收到一份新的查询：
    姓名: $firstname $lastname\n" .
    "电话: $phone\n" .
    "邮箱: $mailFrom\n" .
    "生成的密码: $generatedPassword\n"; // 使用获取到的密码

    // 发送邮件
    if (mail($mailTo, $subject, $emailbody, $headers)) {
        echo "邮件发送成功！";
    } else {
        echo "邮件发送失败。";
    }
} else {
    echo "非法请求。";
}
?>