文本框默认提示 placeholder

最新推荐文章于 2024-07-24 22:23:25 发布

北方的刀郎

最新推荐文章于 2024-07-24 22:23:25 发布

阅读量2.4k

点赞数

分类专栏： javascript学习

本文链接：https://blog.csdn.net/forest_fire/article/details/50944158

版权

javascript学习专栏收录该内容

75 篇文章 1 订阅

订阅专栏

<input type="text" id="J_UserName" name="username" value="" tabindex="1" class="validate[required] input-base autoF" style="width: 188px; color: rgb(169, 169, 169);" placeholder="会员名/手机号/邮箱">

HTML代码

<input name="" type="text" placeholder="用户名" />

给文本框加上placeholder属性以后，我们在浏览器中运行可以看到，文本框中显示的是用户名三个字，输入字符以后，用户名三个字小时，删除所输入的字符，用户名三个字又会显示出来，这是一个非常好的属性，用户体验很好，可是却不支持IE浏览器，IE浏览器想要实现类似的功能，除了用jquery，也可以用以下代码：

HTML代码

<input name="" type="text" onfocus="javascript:this.value=='用户名' ? this.value='' : this.value" onblur="javascript:this.value=='' ? this.value='用户名' : this.value" value="用户名" />