用javascript实现的激活输入框后隐藏初始内容

2016-02-19 09:30 9 1 收藏

清醒时做事，糊涂时读书，大怒时睡觉，无聊时关注图老师为大家准备的精彩内容。下面为大家推荐用javascript实现的激活输入框后隐藏初始内容，无聊中的都看过来。

【 tulaoshi.com - Web开发】

div
label for="email"Email/label
input name="email" type="text" id="email" style="width:134px;" onfocus="if(this.value==’Input your email’)this.value=’’;"onblur="if(this.value==’’)this.value=’Input your email’;" value="Input your email" /
label for="pwd"Password/label
input name="pwd" type="password" id="pwd" style="width:132px;" onfocus="if(this.value==’inputpass’)this.value=’’;"onblur="if(this.value==’’)this.value=’inputpass’;" value="inputpass" /
/div

来源:http://www.tulaoshi.com/n/20160219/1591078.html

上一篇：使用java获取md5值的两种方法
下一篇： mysql 维护常用命令

看过《用javascript实现的激活输入框后隐藏初始内容》的人还看了以下文章更多>>

网页输入框的样式触发的效果

标签： Web开发

这个例子主要学习两个参数onblur和onFocus.因为这两个参数以前很少遇到,baidu一下明白了，onblur是控件在失去焦点的时候触发的事件,而onFocus就是成为输入焦点的时候触发的事件,这两个参数都可以和className结合直接调用样式表类名 !DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN" "http://www.w3.org/TR/html4/loo...

JS+CSS模拟IP输入框

标签： Web开发

测试

网页设计关于表单输入框的技巧代码

标签： Web开发

1.取消按钮按下时的虚线框在input里添加属性值 hideFocus 或者 HideFocus=true 2.只读文本框内容在input里添加属性值 readonly 3.防止退后清空的TEXT文档(可把style内容做做为类引用) INPUT style=behavior:url(#default#savehistory); type=text id=oPersistInput 4.ENTER键可以让光标移到...

Html:小技巧：让文本输入框只能输入数字

标签： Web开发

------------------------------- onkeypress="if (event.keyCode 45 || event.keyCode 57) event.returnValue = false;" ------------------------------- 在文本框的 onkeypress事件中加入以上代码，屏蔽键盘事件中，输入值不是数字则返回为false

网页设计关于表单输入框技巧代码

标签： Web开发

1.取消按钮按下时的虚线框在input里添加属性值hideFocus或者HideFocus=true 2.只读文本框内容在input里添加属性值readonly 3.防止退后清空的TEXT文档(可把style内容做做为类引用) INPUTstyle=behavior:url(#default#savehistory);type=textid=oPersistInput 4.ENTER键可以让光标移到下...

查看更多精彩>>