用innerElement变量在php Javascript中添加表单

<?php
echo '<form action="process_form.php" method="POST">';
echo '<label for="name">Name:</label>';
echo '<input type="text" name="name" id="name"><br>';
echo '<label for="email">Email:</label>';
echo '<input type="email" name="email" id="email"><br>';
echo '<input type="submit" value="Submit">';
echo '</form>';
?>

var form = document.createElement('form');
form.action = 'process_form.php';
form.method = 'POST';

var nameLabel = document.createElement('label');
nameLabel.textContent = 'Name:';
form.appendChild(nameLabel);

var nameInput = document.createElement('input');
nameInput.type = 'text';
nameInput.name = 'name';
nameInput.id = 'name';
form.appendChild(nameInput);

var emailLabel = document.createElement('label');
emailLabel.textContent = 'Email:';
form.appendChild(emailLabel);

var emailInput = document.createElement('input');
emailInput.type = 'email';
emailInput.name = 'email';
emailInput.id = 'email';
form.appendChild(emailInput);

var submitInput = document.createElement('input');
submitInput.type = 'submit';
submitInput.value = 'Submit';
form.appendChild(submitInput);

document.body.appendChild(form);

<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $name = $_POST['name'];
    $email = $_POST['email'];

    // 处理表单数据，例如将其存储到数据库中

    echo 'Form submitted successfully.';
}
?>

var form = document.getElementById('myForm');
form.addEventListener('submit', function(e) {
    e.preventDefault(); // 阻止表单提交

    var name = document.getElementById('name').value;
    var email = document.getElementById('email').value;

    // 处理表单数据，例如将其发送到服务器

    console.log('Form submitted successfully.');
});