Adınız: <input type="text" name="ad" value="isim"><br>
Soyadınız: <input type="text" name="soyad" value="soyisim"><br>
<a href="#">TIKLA</a>
<p></p>
*{font-size:20px; margin-bottom:10px;}
a{display: inline-block; background: #00FF99; padding:20px; border-bottom:4px solid #00CC00; color:#00CC99; text-decoration:none; margin-bottom:20px;}
$("a").click(function(){
  var b = $("input").serializeArray();
  $.each(b, function(i, w3tr){
    $("p").append(w3tr.name + ":" + w3tr.value + " ");
  });
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. //cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js