首页 » 前端技术 » 表单input实现默认值输入消失,不输入显示默认值

表单input实现默认值输入消失,不输入显示默认值

高蒙 2015/12/24 15:30 4.5k浏览 0评论 Html/Css


 做前端的朋友,经常会遇到产品经理说,表单input文本框在我点击或者输入的时候默认值消失,不输入或点击的时候,显示默认值。

下面整理input文本框和textarea文本域如何实现这个效果的。
 
一、input文本框:
<input name="name" type="text" value="点击添入标题" onfocus="if (value =='点击添入标题'){value =''}"onblur="if (value ==''){value='点击添入标题'}"/>
二、textarea文本域:
<textareaname="textarea" cols="80" rows="17" onfocus="if(value=='正文:'){value=''}"onblur="if (value ==''){value='正文:'}"></textarea>
简单的js就可以实现这一效果。



相关文章

我有话说

站长昵称:(*)

输入内容:

选个头像:

评论列表

    ...

    高蒙

    男, PHP程序猿

    文章

    484

    标签

    41

    热度

    10w+

    南京, 江苏, 中国

    人生要是没有理想, 那跟咸鱼有什么分别。