今天遇到一个这样的简单需求整理如下:
1. 刚加载页面的时候,给一个input标签默认灰色的placeholder提示:
2. 用户点击输入框的时候更改placeholder文字内容,并且颜色改为红色:
3. 当输入框失去焦点时如果没有输入任何文字,恢复原本的灰色提示状态
下面简单介绍一下我的写法仅供参考,如有错误欢迎留言批评指正:
2.引入jquery攵件(路径对照自己的修改),写JS代码:
设置input的placeholder文字内容和颜色一定要分成两条语句执行这样写是错误的,不能正常执行:
感谢您的阅读^ - ^