Question

我正在尝试修改我的网页上的文本框，以便在其中写入一些文字，一旦用户点击文本框输入信息就会消失。我试过使用占位符属性，没有运气。然后我尝试添加：（https://github.com/jamesallardice/Placeholders.js）以使占位符工作，再次它不起作用（文本框保持空白）。

我是使用Internet Explorer 8编程的初学者。

以下是代码：

<td colspan="3">    

    <textarea style="background: #F6E3CE; overflow:auto;" rows="3" cols="70" name="" id="" placeholder="Please enter your name here" onchange="commentsChanged(this,<?php echo $variable;?>);"><?php echo str_replace('\r\n', "\n", rtrim($variable2[0][TitleTitle]));?></textarea>

</td>

如果缺少任何信息，请告诉我。

谢谢！

Answer 1

使用jQuery你可以这样做:(我没有测试，但这不是很远）

<script type="text/javascript">
    $("input#text").focus(function(){
        if( $(this).val() == "default message" )
        {
            $(this).val("");
        }
    }).blur(function(){
        if( $(this).val() == "" )
        {
            $(this).val("default message");
        }
    });
</script>

Answer 2

或者没有jQuery：

HTML代码

<textarea onFocus="placeholder(this, ´focus´)" onBlur="placeholder(this, ´blur´)">Default value</textarea>

JavaScript代码

<script>

function placeholder(el, w) {


    if (el.value == "Default value" && w == "focus") el.value = "";
    if (el.value == "" && w == "blur") el.value = "Default value";


}

</script>

修改文本框以使某些文本在使用占位符属性单击时消失

2 个答案: