İnternet üzerinde doldurulan formu veritabanına kayıt edebileceğiniz gibi aynı zamanda da pdf olarak indirilmesini de sağlayabilirsiniz. Bu yazıda nasıl pdf oluşturulur üzerine olacaktır.

Önemli bir nokta html sayfanıza jspdf kütüphanesi için

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.js"></script>

satırının dahil edilmesi gereklidir.

Kaynak html ve js kodları şu şekildedir.

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.js"></script>
    <title>Html Form To Pdf</title>
<script>
function toPdf() {
  var today = new Date();  var dd = String(today.getDate()).padStart(2, '0'); var mm = String(today.getMonth() + 1).padStart(2, '0'); var yyyy = today.getFullYear(); 
       today = dd + '/' + mm + '/' + yyyy;
	 var doc = new jspdf.jsPDF('p', 'pt', 'letter')
		
	 adi= document.forms["myForm"]["adi"].value;
	 soyadi= document.forms["myForm"]["soyadi"].value;
 	 email= document.forms["myForm"]["email"].value;
		
	 doc.text('Aday Kayit Formu ', 200,45);
    	 doc.setFontSize(12);
	 doc.text(today, 500,45);
	 doc.text('Adi:', 50,65); 	doc.text(adi, 95,65);
	 doc.text('Soyadi:', 50,80); 	doc.text(soyadi, 95,80);
     	 doc.text('e-mail:', 50,95); 	doc.text(email, 95,95);

 	 doc.save('basvuruFormu.pdf');
}

</script>

  </head>
  <body>
  <h1>Test için Basit Bir Form</h1>
<form name="myForm" onSubmit="return toPdf()">
   Adı<input type=text name="adi"><br>
   Soyadı<input type=text name="soyadi"><br>
   e-mail<input type=text name="email"><br>
   <input type=submit value="test To Pdf">
</form>


   
  </body>
</html>

Test için Basit Bir Form

Adı
Soyadı
e-mail