/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 vote367 views1 answer
Frameset col html
Html
0 vote344 views1 answer
Html textarea along with cursor position set
Html
-1 vote349 views1 answer
Align center bootstrap 5 objects
Html
0 vote363 views1 answer
Element is no longer attached to DOM. Unable to animate.
Html
4 votes350 views1 answer
React select, option
Html
0 vote346 views1 answer
Html paragraph with spaces
Html
0 vote349 views1 answer
InlineSVG Error: Content type isn't valid: text/html
Html
276 votes602 views10 answers
Lorem ipsum
Html
21 votes336 views6 answers
Html image with link
Html
0 vote413 views3 answers
Removing specific row with button html
Html