<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>index.html</title>
</head>
<body>
<input type="text" id="test" value="xxx@xxx.com" style="color: gray;"
onkeypress="this.style.color='black';" />
<hr />
点击input默认值消失
<br />
input:
<br />
<input name="textfield" type="text" value="点击添入标题" style="color: gray;"
onfocus="if (value =='点击添入标题'){value =''}"
onblur="if (value ==''){value='点击添入标题'}" />
<br />
textarea:
<br />
<textarea name="textarea" cols="80" rows="17"
onfocus="if(value=='正文:'){value=''}"
onblur="if (value ==''){value='正文:'}"></textarea>
</body>
</html>
分享到:
相关推荐
js特效之input默认值,兼容性很好(ie6\7\8\9 firefox Chrome……)
针对input的默认值,html5有新加的placeholder属性, 但是该属性浏览器兼容性较差, 所以就自定义了diyplaceholder属性, 作为jquery插件,满足浏览器兼容.
element input-number 当值传入的为''时,默认显示为0,有些情况我们不希望显示0,而是显示为空,针对这种情况我们对element input-number的源码做了兼容处理
input之怎么清除默认值
主要介绍了jQuery如何隐藏和显示 input 默认值,需要的朋友可以参考下
原生js简易提示框 input 点击文字消失
主要介绍了jQuery响应鼠标事件并隐藏与显示input默认值的具体实现,需要的朋友可以参考下
加载js 可以简单的实现默认值加载 /** * @作者 shiqingsong * @时间 2012-7-13 * @功能 实现功能是初始化时文本框中默认值,...input id="serachCode1" type="text" defaultCode(样式ID)="输入证件号码1" /> */
由于项目需求,简单地写了一个input默认值设置,实现给.form中所有的input设置默认值的方法。 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>input默认值设置</...
需要做一个点击input弹出带搜索的键盘。 解决: input的type=”search”,可弹出带搜索的键盘。并监听搜索按钮,请求数据 <input @keyup.13="show()" type="search"> 2.但是又遇到一个新的问题: 点击搜索之后...
点击input输入框弹出选择层(基于jquery) 网页特效,网页模板,导航菜单,焦点幻灯片,JS代码
当鼠标点到input框时 文字消失 当移开时恢复默认值
当input失去焦点时 会判断输入值与默认值是否一致 如果一致(或空)则再次显示默认提示信息 若不一致(已输入信息)则input值为所输入值 3 此插件是jquery插件 调用方式为 $ "#xxx" autoTip ; 并可以指定...
在页面中加入input,type=text,设置onclick事件调用js
js点击input弹出时间选择器代码是一款美观,使用方便的js时间选择器。 < div>
js实现input文本框点击时文字消失,失去焦点
NULL 博文链接:https://luanxiyuan.iteye.com/blog/1744279