HTML DOM defaultValue 属性
定义和用法
defaultValue 属性设置或返回文本框的初始内容。
注释：文本框的初始值是位于 <textarea> 和 </textarea> 标签之间的文本。在表单被重置时，文本框将被恢复为整个值。改变这个属性的值会改变文本框中当前显示的文本。
语法:textareaObject.defaultValue=text
实例1:
下面的例子提示出了文本框的默认值：
<html>
<head>
<script type="text/javascript">
function alertDefaultValue()
{
alert(document.getElementById('txt1').defaultValue);
}
</script>
</head>
<body>
<textarea id="txt1">
Hello world....This is a text area
</textarea>
<br />
<input type="button" onclick="alertDefaultValue()"
value="Alert default value" />
</body>
</html>
实例2:输入框提示文字灰色效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>输入框提示文字灰色效果</title>
<style type="text/css">
</style>
<script type="text/javascript">
window.onload=function(){
var oInput=document.getElementById('input1');
oInput.onfocus=function(){
if(oInput.value==oInput.defaultValue){
oInput.value='';
this.style.color='#000';
};
};
oInput.onblur=function(){
if(!oInput.value){
oInput.value=oInput.defaultValue;
this.style.color='#999';
};
};
};
</script>
</head>
<body>
<a href="###">输入框提示文字灰色效果</a>,
<input type="text" id="input1" name="lee" value="请输入关键词" style="color:#999999">
</body>
</html>
