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

简单逃离你的报价

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 = '';}\">";

Answer 2

误解了这个问题，无视。

你应该将你的函数包装到一个外部JS文件中，你的CSS也是如此。看来你正试图创建一个占位符，对吗？也许你应该简单地使用HTML＆＃34;占位符＆＃34;属性。

输入无法访问，除非您通过＆＃34;此＆＃34;将其传递给函数。使用外部功能时。我不确定为什么你的函数在内联时无法识别它，但是当外部函数将其作为参数传递时，它可以工作：

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

Javascript将无法在PHP代码中工作

2 个答案: