CSS鼠标点击input框隐藏placeholder内容失去点击后恢复内容即焦点的失去与获取(消失于隐藏)

<style>
    input:focus::placeholder{
        opacity: 0;
    }
</style>

focus是元素焦点的失去于获取将placeholder追加至后便可选中提示信息

通过opacity属性将其透明度降低至零实现隐藏

通过focus实现鼠标光标进入隐藏失去显示的效果

<form action="">
    <input type="text" placeholder="你好!">
</form>