HTML formu içinde resimli bir onaylama butonu eklemek için, input elementini kullanabilir ve bu elementin type özelliğini "image" olarak ayarlayabilirsiniz. Bu sayede resimli bir onaylama butonu oluşturabilirsiniz.
Aşağıda, bir örnekle nasıl yapılacağını görebilirsiniz:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Resimli Onaylama Butonu</title>
</head>
<body>
<h2>Kayıt Formu</h2>
<form action="form_isleme.php" method="post">
<label for="ad">Adınız:</label>
<input type="text" id="ad" name="ad" required>
<label for="soyad">Soyadınız:</label>
<input type="text" id="soyad" name="soyad" required>
<label for="email">E-posta Adresiniz:</label>
<input type="email" id="email" name="email" required>
<!-- Resimli Onaylama Butonu -->
<input type="image" src="onay_button.png" alt="Onayla">
</form>
</body>
</html>
Bu örnekte, input elementinin type özelliği "image" olarak ayarlandı ve src özelliği ile butonun resmi belirlendi. Kullanıcı bu resmin üzerine tıkladığında, formun gönderildiği koordinatlar da sunucuya iletilir.
Dilerseniz resimli onaylama butonuna CSS ekleyerek veya JavaScript kullanarak özel işlevsellik ekleyebilirsiniz.