Home / Questions / 383819
Accepted
Fernanda
Asked: 2020-08-22 13:51:59 +0800 CST 2020-08-22 13:51:59 +0800 CST

can you place html in the placeholder with boostrap or another method?

  • 772

I need to make a placeholder of a textarea as shown in the image, with an h1 and an h3 where I place a link. I was looking at the bootstrap documentation but I can't find how to do it. I did find that it can be used in the toolstips but nothing about what I'm needing. Thanks for the input.

bold textenter image description here

css3

1 Answers

  1. Best Answer

    I am not sure that with a textarea you will be able to nest other tags such as h1, since a textarea has the same font style for all its content. What you can do is have a DIV with editable content and styles that make it look like a textarea

    Then it's as easy as making the initial content of the div delete when you start writing and you'll have your "placeholder" ready. The code for the div is

    <div contenteditable="true" class="w-100 pt-5"><h1>Happy to see you!</h1>It's your workspace blablabla <a href="asd">Esto es un enlace</a></div> (Classes are from bootstrap) enter image description here

    • 1