Anlatamadım sanırım. Sayfa yenilenmemeli demem daha uygun olurdu. Muhtemelen JS kullanılacak.
Dediğiniz şekilde kodu düzenlettim hocam.
<!DOCTYPE html>
<html>
<head>
<title>Form Örneği</title>
</head>
<body>
<form id="myForm">
<label for="ad_soyad">Ad Soyad:</label>
<input type="text" id="ad_soyad" name="ad_soyad"><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email"><br>
<label for="telefon">Telefon:</label>
<input type="tel" id="telefon" name="telefon"><br>
<input type="submit" value="İleri">
</form>
<div id="sonuclar"></div>
<script>
// Form gönderildiğinde çalışacak fonksiyon
function handleFormSubmit(event) {
event.preventDefault(); // Sayfayı yenilemeyi önle
const form = event.target; // Form elementine eriş
const data = new FormData(form); // Form verilerini al
const adSoyad = data.get("ad_soyad");
const email = data.get("email");
const telefon = data.get("telefon");
// Girdi değerlerini görüntüle
const sonuclarDiv = document.getElementById("sonuclar");
sonuclarDiv.innerHTML = `
<h2>Gönderilen Bilgiler:</h2>
<table>
<tr><td>Ad Soyad:</td><td>${adSoyad}</td></tr>
<tr><td>Email:</td><td>${email}</td></tr>
<tr><td>Telefon:</td><td>${telefon}</td></tr>
</table>
`;
}
// Formun submit olayını dinle
const myForm = document.getElementById("myForm");
myForm.addEventListener("submit", handleFormSubmit);
</script>
</body>
</html>