0

Webページのテキストボックスを変更して、ユーザーがテキストボックスをクリックして情報を入力すると消えるテキストが書き込まれるようにしようとしています。プレースホルダー属性を使用してみましたが、うまくいきませんでした。次に、これを追加してみました：（https://github.com/jamesallardice/Placeholders.js）プレースホルダーを機能させるために、再び機能しませんでした（テキストボックスは空白のままです）。

私はInternetExplorer8を使用したプログラミングの初心者です。

コードは次のとおりです。

<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>

不足している情報があれば教えてください。

ありがとうございました！

4

2 に答える 2

0

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>
于 2013-02-04T21:01:40.980 に答える
0

または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>
于 2013-02-04T21:09:48.860 に答える