寻找文本框水印的脚本

时间:2010-07-20 14:37:50

标签: javascript

我正在寻找一个javascript,一旦鼠标在文本框内并且在默认情况下重新出现,文本框中的文本就会消失..它必须是一个javascript ...

3 个答案:

答案 0 :(得分:3)

较新的浏览器在没有placeholder属性的JavaScript的情况下执行此操作: http://dev.w3.org/html5/spec-author-view/common-input-element-attributes.html#the-placeholder-attribute

答案 1 :(得分:2)

也许是这样的......

<script type=text/javascript>
  function clearGhost(id,text) {
    var obj = document.getElementById(id);
    if (obj && obj.value == text) obj.value = '';
  }

  function Ghost(id,text) {
    var obj = document.getElementById(id);
    if (obj && obj.value == '') obj.value = text;
  }
</script>

<input type=text name=myText id=myText size=20 value="Ghost Text"
    onfocus="clearGhost('myText','Ghost Text');" onblur="Ghost('myText','Ghost Text');">

这是未经测试的...使用jQuery肯定会更容易。

答案 2 :(得分:0)

    <input type="text" value="mm/dd/yyyy" id="date1"/>

    <script type="text/javascript">

        (function(){

            function showHideDefaultText(elem){

                var defaultValue = elem.defaultValue;

                var showDefaultText = function(){ 
                    if(this.value.length === 0){
                        this.value = defaultValue;
                    }
                }

                var hideDefaultText = function(){ 
                    if(this.value===defaultValue){  
                        this.value = "";
                    }
                }

                elem.onfocus = hideDefaultText;
                elem.onblur = showDefaultText;

            }

            var d1 = document.getElementById("date1");
            showHideDefaultText(d1);

        })()

    </script>