<div class="divim">
<label>Sadece Rakam Girişi:</label>
<input type="textbox" class="sayisalinput" placeholder="Sadece Rakam Alanı">
<br><br>
<label>Sadece Harf Girişi:    </label>
<input type="textbox" class="harfInput" placeholder="Sadece Harf Alanı"><br><br>
Daha İyileri <a href="http://furkandemirci.com">Burada</a>
</div>
.divim {
    width: 600px;
    height: 100px;
    padding: 20px;
    background-color: aqua;
    position: relative;
    margin: auto;
}
$(".sayisalinput").keyup(function (){
  if (this.value.match(/[^0-9]/g)){
    this.value = this.value.replace(/[^0-9]/g,'');
  }

});


$(".harfInput").keyup(function (){
if (this.value.match(/[^a-zA-Z]/g)){
    this.value = this.value.replace(/[^a-zA-Z]/g,'');
  }

});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://code.jquery.com/jquery-3.3.1.js