/Html/Hide input field title show when it is filled

Hide input field title show when it is filled

<input class="lolan" type="text" id="name" placeholder="Full Name" required />
<label for="name" class="form__label">Click "Download" To Get Your Card</label>

Source: stackoverflow.com

Hide input field title show when it is filled

.lolan:placeholder-shown+.form__label {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-4rem);
  transform: translateY(-4rem);
}

Source: stackoverflow.com

Similar codes

0 vote197 views2 answers
MathJax
Html
0 vote182 views1 answer
Adding bootstrap to macros html in flask
Html
2 votes203 views1 answer
Htmladjacent
Html
1 vote179 views1 answer
Meta colors html
Html
15 votes282 views4 answers
Bootstrap Pill badges
Html
0 vote192 views2 answers
Jinja2.exceptions.templatenotfound: templates/index.html
Html
4 votes198 views1 answer
Bootsrap label
Html
0 vote187 views1 answer
Tailwind CSS badges
Html
8 votes189 views2 answers
Base64 image in html
Html
3 votes221 views4 answers
Input type color
Html