网站地图    收藏   

子栏目

主页 > 前端 > html教程 >

html中实现文本框出现提示功能的多种方法_HTML/

来源：自学PHP网    时间：2014-12-15 15:59 作者： 阅读:次

[导读] 实现文本框出现提示的效果有很多方法，可以用html5中的属性实现，也可以用js做到加css样式，具体的实现过程如下...

实现文本框出现提示的效果有很多方法，可以用html5中的属性实现，也可以用js做到加css样式，具体的实现过程如下
可以用html5中的属性 < input ="text" placeholder="你想输入的内容" >

也可以用js做到 加css样式

复制代码
代码如下:

<style type="text/css">
.in_search {
border:1 none;
color:#999999;
float:left;
font-size:14px;
height:18px;
line-height:18px;
margin:3px 2px;
width:253px;
}
</style>
<input name="q" class="in_search" onfocus="if(this.value=='请输入你想要输入的内容'){this.value='';}" onblur="if(this.value==''){this.value='请输入你想要输入的内容';}" type="text" value="请输入你想要输入的内容"/>

最新评论

    加载更多~~

    添加评论

    更多文章推荐

    自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习

    京ICP备14009008号-1@版权所有www.zixuephp.com

    网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com

    添加评论