/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 vote123 views1 answer
Jqury
Html
6 votes131 views2 answers
How to collect input textbox in html
Html
0 vote118 views1 answer
Convert markdown to styled html
Html
0 vote134 views1 answer
Ckeditor 5 example codepen
Html
0 vote123 views1 answer
Align buttons next to each other bootstrap
Html
5 votes108 views1 answer
Html integer input
Html
2 votes123 views1 answer
Html ß
Html
0 vote124 views1 answer
Html submit alert
Html
0 vote159 views1 answer
Html element hover help text
Html
0 vote82 views1 answer
Button glow remove css
Html