京东搜索框

分类: 文章 • 2024-10-14 20:14:59

思路分析：
要求：当鼠标点击文本框时，里面默认文字隐藏，当鼠标移开时，里面文字显示
1、首先表单需要2个新事件，获得焦点onfocus 失去焦点onblur
2、如果获得焦点，判断表单里面内容是否为默认文字，如果是默认文字，就清空表单内容
3、如果失去焦点，判断表单内容是否为空，如果为空，则表单内容改为默认文字
代码展示：
京东搜索框