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>

 

你可能感兴趣的:(value)