js 点击input和textarea 文本框消失
2012-11-12 22:29
381 查看
<input name="shouji" type="text" value="输入手机号简易注册" onclick="clearDefaultText(this,'输入手机号简易注册')"/>
function clearDefaultText (el,message)
{
var obj = el;
if(typeof(el) == "string")
obj = document.getElementById(id);
if(obj.value == message)
{
obj.value = "";
}
obj.onblur = function()
{
if(obj.value == "")
{
obj.value = message;
}
}
}
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
<textarea name="morencontect" rows="8" id="contect" onfocus="ClearDefault(this)" onblur="AddDefault(this)">我想旅游</textarea>
var defaultvalue="我想旅游";
function ClearDefault(element)
{
if(element.value==defaultvalue)
{
element.value = "";
}
}
function AddDefault(element)
{
if(element.value=="")
{ element.value =defaultvalue; }
}
function clearDefaultText (el,message)
{
var obj = el;
if(typeof(el) == "string")
obj = document.getElementById(id);
if(obj.value == message)
{
obj.value = "";
}
obj.onblur = function()
{
if(obj.value == "")
{
obj.value = message;
}
}
}
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
<textarea name="morencontect" rows="8" id="contect" onfocus="ClearDefault(this)" onblur="AddDefault(this)">我想旅游</textarea>
var defaultvalue="我想旅游";
function ClearDefault(element)
{
if(element.value==defaultvalue)
{
element.value = "";
}
}
function AddDefault(element)
{
if(element.value=="")
{ element.value =defaultvalue; }
}
相关文章推荐
- 点击input文本框,文字消失 JS
- js实现input文本框点击时文字消失,失去焦点时文字出现
- JS --- 点击input文本框,文字消失
- 表单文本框点击后文字内容消失的几种表现形式:textarea,input焦点的用法 .
- jquery/js实现文本框根据输入内容input,textarea自适应高度
- JS获取文本框(input和textarea)中光标位置
- JS获取及设置TextArea或input文本框选择文本位置的方法
- js 鼠标点击文本框 提示文字消失 (小例子)
- html中input文本框,初始里边有文字提示,当点击输入文字时,原文字消失
- 前端input标签文本框只显示字体,框、点击时光标消失,点击不可更改字体
- html中input文本框,初始里边有文字提示,当点击时,文字消失
- js 鼠标点击文本框 提示文字消失
- html中的css和js控制input,textarea文本框自动获取焦点
- js 鼠标点击文本框 提示文字消失
- js实现文本框中鼠标点击关键字消失,失去焦点关键字出现
- js实现点击文本框使得文本框中内容消失
- textarea 点击文本框文字消失,我做了一个但是textarea默认值不显示怎么回事
- js文本框点击时文字消失,失去焦点…
- input文本框 鼠标点击默认值消失,不输入离开鼠标恢复默认值
- html中input文本框,初始里边有文字提示,当点击时,文字消失