input文本框添加灰色提示文字

原创于 2013-07-08 15:34:30 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

學習點滴专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个特定样式的HTML输入框实现方法，包括默认提示文字、颜色变化及不同状态下的类名切换等功能，对于前端开发者有一定的参考价值。

<input name="username" value="请输入用户名" style="color:#CCC" size="15" class="t_input_1" type="text" onfocus="if(this.value=='请输入用户名'){this.value='';this.style.color='#000';this.className='t_input';}" onblur="if(this.value==''){this.value='请输入用户名';this.style.color='#CCC';this.className='t_input_1'}">