Files
kidsai/html/drone/form-test.html
2025-06-24 15:43:32 +02:00

64 lines
2.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Form Test</title>
<style>
body { font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto; padding: 20px; }
form { background: #f8f8f8; padding: 20px; border-radius: 8px; margin-bottom: 30px; }
.form-group { margin-bottom: 15px; }
label { display: block; margin-bottom: 5px; }
input, textarea { width: 100%; padding: 8px; box-sizing: border-box; }
button { background: #4CAF50; color: white; border: none; padding: 10px 15px; border-radius: 4px; cursor: pointer; }
h2 { margin-top: 30px; color: #333; border-bottom: 1px solid #ddd; padding-bottom: 10px; }
</style>
</head>
<body>
<h1>Form Test - Find a Working Method</h1>
<p>This page tests different form submission methods to find one that works on this server.</p>
<h2>Method 1: Standard POST Form (Original)</h2>
<p>This method often gets blocked with a 405 error on some servers.</p>
<form action="process-form.php" method="POST">
<div class="form-group">
<label for="name1">Name:</label>
<input type="text" id="name1" name="name" value="Test User" required>
</div>
<div class="form-group">
<label for="email1">Email:</label>
<input type="email" id="email1" name="email" value="test@example.com" required>
</div>
<div class="form-group">
<label for="message1">Message:</label>
<textarea id="message1" name="message" rows="4" required>This is a test message using POST method.</textarea>
</div>
<button type="submit">Submit with POST</button>
</form>
<h2>Method 2: GET Method Form</h2>
<p>This method uses GET which may bypass the 405 error.</p>
<form action="form-get-handler.php" method="GET">
<div class="form-group">
<label for="name2">Name:</label>
<input type="text" id="name2" name="name" value="Test User" required>
</div>
<div class="form-group">
<label for="email2">Email:</label>
<input type="email" id="email2" name="email" value="test@example.com" required>
</div>
<div class="form-group">
<label for="phone2">Phone:</label>
<input type="tel" id="phone2" name="phone" value="123-456-7890">
</div>
<div class="form-group">
<label for="message2">Message:</label>
<textarea id="message2" name="message" rows="4" required>This is a test message using GET method.</textarea>
</div>
<button type="submit">Submit with GET</button>
</form>
<p><a href="index.html">Back to Main Page</a></p>
</body>
</html>