/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 vote337 views1 answer
Ng router link
Html
2 votes325 views1 answer
Python request get html code
Html
33 votes292 views5 answers
Underline text html
Html
30 votes377 views4 answers
Only accept image file input
Html
1 vote315 views1 answer
Vue does v-html inject html
Html
0 vote336 views1 answer
Netlify 11ty build configuration
Html
25 votes313 views3 answers
Html select tag default value
Html
1 vote347 views1 answer
Link to the same page
Html
1 vote326 views1 answer
Tooltip html
Html
6 votes321 views2 answers
Html align text left
Html