javascript - HTML输入onfocus和onblur？

Question

好的，今天我要制作一个辅助 HTML 函数。它看起来像这样:

function Input($name,$type,$lable,$value= null){
  if (isset($value)) {
    //if (this.value=='search') this.value = ''
    echo '<label for="'. $name .'">'. $lable .'</label><input type="'.$type.'" name="'. $name .'" id="'. $name .'" value="'.$value.'" onfocus="if (this.value==\''.$value.'\') this.value = \'\' "/>';  
  }
  if (!isset($value)) {
    echo '<label for="'. $name .'">'. $lable .'</label><input type="'.$type.'" name="'. $name .'" id="'. $name .'" />'; 
  }
}

如您所见，如果您插入一个值，它会执行一些 JavaScript，这样当我单击框时，框内的文本就会消失，

问题:当我们不在输入上时，如何让它有值？ (请查看 stackoverflow 上的搜索框，但是在我们不指向输入框后，stackoverflow 上的搜索框不会返回？也许是通过使用 onblur？我说得对吗？

希望你明白我的意思。

好吧，因为你们中的一些人没有明白我的意思请看

when im not clicking it.

when im clicking it.

when im not clicking it again.

应该是

when im not clicking it.

when im clicking it.

when im not clicking it again.

Answer 1

你想要这个

<input ...
onfocus="if (this.value==this.defaultValue) this.value = ''"
onblur="if (this.value=='') this.value = this.defaultValue" />

更新:一些较新的浏览器只需添加占位符属性即可完成您想要的操作:

<input placeholder="Please enter your name" />

根据您的代码，这是 PHP

echo <<<END
<label for="$name">$lable</label>
<input type="$type" name="$name" id="$name" value="$value" 
 onfocus="if (this.value==this.defaultValue) this.value = ''" 
 onblur="if (this.value=='') this.value = this.defaultValue"/>
END;