【案例】显示隐藏文本框内容

本案例需要为一个文本框添加提示文本。当单击文本框时，里面的默认提示文字会隐藏，鼠标指针离开文本框，里面的文字会显示出来。具体实现步骤如下。

（1）为元素绑定获取文本框焦点事件onfocus和失去焦点事件onblur。

  (2)如果获取焦点时，需要判断表单里面的内容是否默认文字；如果是默认文字，就清空表单内容。

（3）如果失去焦点，需要判断表单内容是否为空；如果为空，则表单里边的内容改为默认文文字。

 显示效果

单击效果