zoukankan      html  css  js  c++  java
  • 表单文本框提示字符点击时清空

    表单文本框提示字符点击时清空(input标签onfocus时文本框内提示信息清空)  

    作用是,一个文本框,需要输入内容,在没有输入的时候里面有一段提示内容,当点击这个文本框输入的时候,文本框内的内容自动消失。挺简单的一个功能,但是没有想到实现起来还是很麻烦的,在网上找了一段代码,贴上来以备后用。

    给文本框添加触发事件onfocus和onblur,调用函数处理。完整代码:

    <script>
    function cls(){
    //捕获触发事件的对象,并设置为以下语句的默认对象
    with(event.srcElement)
    //如果当前值为默认值,则清空
    if(value==defaultValue) value=""
    }
    function res(){
    //捕获触发事件的对象,并设置为以下语句的默认对象
    with(event.srcElement)
    //如果当前值为空,则重置为默认值
    if(value=="") value=defaultValue
    }
    </script>
    <input value="填写您的昵称" onfocus="cls()" onblur="res()">
    <input value="填写您的生日(1900-01-01)"
    onfocus="cls()" onblur="res()">

      注意:本例的方法对大部分表单控件都有效,比如多行文本框。

      特别提示:运行完整代码,在鼠标第一次单击文本框时该文本框内容将被清空,在文本框外单击时文本框内容将还原回默认值。如果改变了文本框的值,将不再有任何变化。

    ============================================================================================

    <input type="text"
                     id="text"
                     name="text"
                     value="默认显示文字"
                     onfocus="if(value == defaultValue){value='';this.style.color='#000'}"
                     onblur="if(!value){value = defaultValue;this.style.color='#999'}"

                     style="200px;color:#999999" />

  • 相关阅读:
    页面性能优化之内容加载优化(转)
    (Windbg调试六)c++句柄泄漏问题定位
    (Windbg调试五)C++内存越界导致的std::map异常
    (Windbg调试四)C++死锁问题定位与分析
    (Windbg调试三)C++ delete指针后依然可以访问的问题
    (Windbg调试二)Windows下c++程序崩溃问题定位
    (Windbg调试一)minidump崩溃捕捉
    WinDbg调试:配置和查看符号
    为WinDbg设置符号文件路径
    Windbg符号与源码 《第二篇》
  • 原文地址:https://www.cnblogs.com/zyy711865/p/3474158.html
Copyright © 2011-2022 走看看