Problem Description:
When two inputs are superimposed and the input box is clicked multiple times, the placeholder font becomes thicker or the input box flashes. As shown in the figure:
Code:
<!-- Top input-1 --> <input placeholder='Please enter nickname, mobile phone number, customer name' ></input> <!-- The bottom layer input-2 will cover the top layer input-1 when clicked --> <input placeholder='Please enter nickname, mobile phone number, customer name' ></input>
Schematic diagram of the effect:
Solution:
Add disabled="disabled" to input-1 and remove the placeholder of input-2
<!-- Top input-1 --> <input placeholder='Please enter nickname, mobile phone number, customer name' disabled="disabled"></input> <!-- The bottom layer input-2 will cover the top layer input-1 when clicked --> <input></input>