zoukankan      html  css  js  c++  java
  • 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>

     
  • 相关阅读:
    Python:遍历文件目录及子目录,并批量改变文件名称
    python:利用递归遍历文件夹所有文件(包括子文件夹里的文件)
    python文件,文件夹操作
    Ubuntu安装vim报错的的处理
    Centos7安装Chrome
    Centos7更换阿里yum源
    CentOS7设置启动默认界面方法
    Vim快捷键学习---记性不行了,留这里备查
    第7-9章作业汇总
    第四次作业---第三题陈岩岩
  • 原文地址:https://www.cnblogs.com/leejersey/p/2600646.html
Copyright © 2011-2022 走看看