/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

1 vote167 views1 answer
Replace svg with another using javascript
Html
0 vote163 views3 answers
Twig date
Html
0 vote175 views4 answers
Select2 make previously selected options non deletable
Html
6 votes173 views1 answer
Iframe not loading file media query
Html
0 vote151 views1 answer
How to use unicode in html
Html
5 votes164 views1 answer
Html how to add jquery
Html
1 vote168 views2 answers
Aria label html
Html
0 vote124 views1 answer
Hug
Html
19 votes170 views3 answers
Picsum random photos
Html
0 vote182 views1 answer
Should the logo be inside the ul in htm
Html