How to hide the label "phone number" in onfocus by simple onclick. Or may be ppreciated if can do in css. i tried but need a better solution.Let me know if you can.
<div class="form-row">
<div class="input-data">
<select class="phone-select">
<option>+91</option>
<option>+92</option>
</select>
<input class="phone-input" type="text">
<div class="underline"></div>
<div class="phone-label">
<label>Phone No.</label>
</div>
</div>
</div>>Solution :
Catch an example 🙂
input.phone-input:focus ~ .phone-label {
display: none;
}