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

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>