JSFiddle - React, Tailwind, and code Playground

HTML

<p><input type="text" data-default="Kullanıcı Adı"></p><br>
<p><textarea data-default="My textarea"></textarea></p>

JavaScript

$("input:text, textarea").each(function(){
        if ($(this).data("default") && $(this).val() == "")
            $(this).val($(this).data("default"));
      }).focus(function() {
        if (!$(this).data("default")) {
            $(this).data("default",$(this).val());
        }
        if ($(this).data("default") == $(this).val())
            $(this).val("");
      }).blur(function() {
        if ($(this).val() == "") {
            $(this).val($(this).data("default"));
        }
      });