JavaScriptはPHPコードでは動作しません

Question

私はこのコードを持っていますが、もちろん ""と ""のためにPHPエコー内に表示することはできません。しかし、私はまだその効果を望んでいます。入力を押すと入力値がなくなり、そのようなことが起こります。どうすればいいですか？

<input name="navn" size="33" style="background-color: rgba(39, 36, 28, 0.8); border:none; height:45px; width:450px; color:#b5aa83; padding:15px; font-size:16px; font-weight:bold;" value="Navn" onblur="if (this.value == '') {this.value = 'Navn';}" 
 
onfocus="if (this.value == 'Navn') {this.value = '';}">

Answer 1

あなたの引用符をエスケープ：これは、それは私を盗聴されて、私のコードです。

CSSを外部JSファイルにラップする必要があります。プレースホルダを作成しようとしているようですが、そうですか？ HTMLの「プレースホルダ」属性を使用するだけでよいでしょう。

外部関数を使用するときに "this"を使用して関数に渡さない限り、入力はアクセスできません。私はそれがインラインだとき、あなたの関数がそれを認識しない理由はわからないんだけど、これで外部関数がパラメータとして渡されたとして、それが動作します：

Javascriptを：

function onFocus(input){ 
    console.log(input.value); 

    if(input.value === 'Navn'){ 
    input.value = ''; 
    } 

    console.log("On focus"); 
} 

HTML：

<input name="navn" size="33" style="background-color: rgba(39, 36, 28, 0.8); border:none; height:45px; width:450px; color:#b5aa83; padding:15px; font-size:16px; font-weight:bold;" value="Navn" onblur="onBlur(this);" onfocus="onFocus(this);"> 

http://jsbin.com/feqanopepi/edit?html,js,console,output

Answer 2

簡単な質問、無視を誤解

echo "<input name=\"navn\" size=\"33\" style=\"background-color: rgba(39, 36, 28, 0.8); border:none; height:45px; width:450px; color:#b5aa83; padding:15px; font-size:16px; font-weight:bold;\" value=\"Navn\" onblur=\"if (this.value == '') {this.value = 'Navn';}\" 
onfocus=\"if (this.value == 'Navn') {this.value = '';}\">";