web-dev-qa-db-ja.com

HTML javascriptを使用して入力をクリアする方法

このINPUTがあります。このINPUTをクリックすると、クリアされます。

問題:value = [email protected]の場合にのみクリアしたい

<script type="text/javascript">
    function clearThis(target) {
        target.value= "";
    }
</script>
<input type="text" name="email" value="[email protected]" size="30" onfocus="clearThis(this)">

誰かがこれを行うのを手伝ってくれますか?比較する方法がわかりません。すでに試しましたが成功しませんでした。

9
Lucas Ferraz
<script type="text/javascript">
    function clearThis(target){
        if(target.value=='[email protected]'){
        target.value= "";}
    }
    </script>

これは本当にあなたが探しているものですか?

23
David Scott

属性placeholderを使用できます

<input type="text" name="email" placeholder="[email protected]" size="30" />

または、古いブラウザでこれを試してください

<input type="text" name="email" value="[email protected]" size="30" onblur="if(this.value==''){this.value='[email protected]';}" onfocus="if(this.value=='[email protected]'){this.value='';}">
2
Bugaloo

あなたのためにプレースホルダーを使用することができますが、プレースホルダーをサポートしていない古いブラウザの場合は、これを試してください:

<script>
function clearThis(target) {
    if (target.value == "[email protected]") {
        target.value = "";
    }
}
function replace(target) {
    if (target.value == "" || target.value == null) {
        target.value == "[email protected]";
    }
}
</script>
<input type="text" name="email" value="[email protected]" size="x" onfocus="clearThis(this)" onblur="replace(this)" />

コードの説明:テキストボックスにフォーカスがある場合、値をクリアします。テキストボックスがフォーカスされていない場合、およびボックスが空白の場合は、値を置き換えます。

それがうまくいくことを願っています、私は同じ問題を抱えていましたが、それから私はこれを試してみました、それは私のために働いた。

2
SubLock69

名前テキストをクリアする代わりに、プレースホルダー属性を使用することをお勧めします

<input type="text" placeholder="name"  name="name">
1
Sai Gopi N

あなたはそれを気にする必要はありません。書くだけ

<input type="text" name="email" placeholder="[email protected]" size="30">

値をプレースホルダーに置き換えます

1
Duck

これを試して :

<script type="text/javascript">
function clearThis(target){
    if(target.value == "[email protected]")
    {
        target.value= "";
    }
}
</script>
0
Raitom
<script type="text/javascript">
    function clearThis(target){
        if (target.value === "[email protected]") {
            target.value= "";
        }
    }
    </script>
<input type="text" name="email" value="[email protected]" size="30" onfocus="clearThis(this)">

ここで試してみてください: http://jsfiddle.net/2K3Vp/

0
Adam