<p><b>BU KISIMDA YAZILANLAR BÜYÜK HARF OLACAKTIR</b></p><br>
<label for="">Adı:     </label>
<input type="text" class="degerBuyuk" value="" placeholder="Adı Giriniz"><br>
<label for="">Soyadı: </label>
<input type="text" class="degerBuyuk" value="" placeholder="Soyadı Giriniz">
<br><br>
<p><b>BU KISIMDA YAZILANLAR KÜÇÜK HARF OLACAKTIR</b></p><br>
<label for="">Adı:     </label>
<input type="text" class="degerKucuk" value="" placeholder="Adı Giriniz"><br>
<label for="">Soyadı: </label>
<input type="text" class="degerKucuk" value="" placeholder="Soyadı Giriniz">
<br><br>
Daha İyileri <a href="http://furkandemirci.com">Burada</a>
$('.degerBuyuk').keyup(function(){
	this.value=this.value.toUpperCase();
});

$('.degerKucuk').keyup(function(){
	this.value=this.value.toLowerCase();
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

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