如何使占位符不是 go 消失？

Question

I'm going to use a textarea to leave comments, but I wanted it to never disappear so I thought about saving it in the database and so when it comes to bringing, using the placeholder, but today if I type something over it it replaces the things that are in the placeholder and I would like you to enter and start typing without affecting the placeholder

<form action="" method="post">
  <label for="obs">Obs:</label>
  <textarea
    class="form-control"
    name="obs"
    rows="5"
    placeholder="aaaaaaaaaaa"
  ></textarea>
  <button type="submit" class="mt-2 btn btn-primary" name="button">Save</button>
</form>

Answer 1

As far as I know it isn't possible to always show the placeholder. However you could use this little trick to fake it. I hope this is what you mean.

    <style>
      .placeholder {
         position: absolute;
         margin-left: 5px;
         opacity: .5;
       }
    </style>
    
    <form action="" method="post">
       <label for="obs">Obs:</label>
       <div>
        <span class="placeholder">aaaaaaa</span>
        <textarea class="form-control" name="obs" rows="5"></textarea>
       </div>
      <button type="submit" class="mt-2 btn btn-primary" name="button">Save</button>
    </form>