can I use other elements inside the placeholder

Question

Can I use other elements inside the placeholder of the input tag? something like this:

    <input placeholder='search for a restaurant, cuisine, or a dish' className='form-control'/>

if I Want the placeholder to be bold, can I use something like

    <input placeholder='<h1>search for a restaurant, cuisine, or a dish <h1/>' className='form-control'/>

will it work? Is there any other way to do it?

Does this answer your question? [Placeholder font-size bigger than 16px](https://stackoverflow.com/questions/30916387/placeholder-font-size-bigger-than-16px) — xitas, Feb 19 '22 at 12:45
https://stackoverflow.com/tour . As you are a new user you can have one. @gratus — ash, Feb 19 '22 at 12:57

score 3 · Answer 1 · edited Feb 20 '22 at 13:59

3

No, you cannot add foreign child or context Elements per-se inside an input (like i.e: the pseudo ::before or ::after).

::placeholder {
  color: red;
  font-weight: 800;
}

<input type="text" placeholder="search for a restaurant, cusine, or a dish" class="form-control" />

edited Feb 20 '22 at 13:59

Roko C. Buljan

answered Feb 19 '22 at 12:40

ash

1 Answers1