常用的表单输入框默认文字效果，点击文字不会显示

作者：Jasmine - 2015年03月17日

<input type="text" value="姓名（Name）" onfocus="if(value=='姓名（Name）'){value =''}" onblur="if(value==''){value='姓名（Name）'}"/>
<input type="text" value="电话（TEL）" onfocus="if(value=='电话（TEL）'){value =''}" onblur="if(value==''){value='电话（TEL）'}"/>
<input type="text" value="邮箱（E-mail）" onfocus="if(value=='邮箱（E-mail）'){value =''}" onblur="if(value==''){value='邮箱（E-mail）'}"/>
<textarea value="内容（Message）" onfocus="if(value=='内容（Message）'){value =''}" onblur="if(value==''){value='内容（Message）'}">内容（Message）</textarea>

挺常用的一种实现表单输入框效果，兼容各类浏览器，还有value，placeholder都可以，不过并不是所有的浏览器都兼容，所有还是上面那种方法最实用的，仅供大家学习。

本文作者： Jasmine

本文链接： https://www.jianbaizhan.com/article/133

版权声明：本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处！