Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/236.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 如何操作onfocus?_Php_Javascript_Html - Fatal编程技术网

Php 如何操作onfocus?

Php 如何操作onfocus?,php,javascript,html,Php,Javascript,Html,我有一个文本框 现在当页面打开时,我希望文本框有一个默认值。一旦他点击文本框,该值应该消失,当他从文本框中移除光标时,旧值应该会回来 那我该怎么做呢 谢谢你能用jQuery吗 如果可以的话,有很多插件可以帮助您实现这一点 例如, 将特定类添加到页面上希望具有此功能的所有文本框中 然后,使用以下代码将功能应用于具有类的元素: window.onload = function() { var elements = document.querySelectorAll('.yourClassNam

我有一个文本框

现在当页面打开时,我希望文本框有一个默认值。一旦他点击文本框,该值应该消失,当他从文本框中移除光标时,旧值应该会回来

那我该怎么做呢

谢谢你能用jQuery吗

如果可以的话,有很多插件可以帮助您实现这一点

例如,


将特定类添加到页面上希望具有此功能的所有文本框中

然后,使用以下代码将功能应用于具有类的元素:

window.onload = function() {
   var elements = document.querySelectorAll('.yourClassName');
   for(var i = 0, j = elements.length; i < j; i++) {
      var element = elements[i]; 
      element.onfocus = function() {
         this.value = '';
         this.style.color = 'black';
      };
      element.onblur = function() {
          if(this.value == '') {
             this.value = this.getAttribute('defaultValue');
             this.style.color = 'grey';
          }
      };
      element.onblur();
   }
};
​
window.onload=function(){
var elements=document.querySelectorAll('.yourClassName');
for(var i=0,j=elements.length;i
工作示例:


函数setFocus(){
document.getElementById('username').focus();
}

我只想要一个简单的HTML!!没有jQuery和其他复杂的东西:pHTML本身无法做到这一点。简单性是关键:onblur='if(this.value==“”){this.value=“要搜索,键入并点击回车”}'onfocus='if(this.value==“要搜索,键入并点击回车”){this.value=“”;}但我的方法更简单,伙计。我并不欣赏你的方法@5416339“但我的更简单……”当你打破最佳实践时就不会了。请不要使用内联Javascript事件。行为不应该与HTML内容的其余部分一起浮动。您可以使用javascript向元素添加焦点事件,然后检查值等。这比使用jQuery和插件要多得多。1。这不是这个问题的正确答案。使用正确的代码格式(四个空格创建代码块)3。在回答时,试着解释一下你在这里实际做了什么,或者链接到相应的文档
<script language="JavaScript">
    function setFocus() {

           document.getElementById('username').focus();

    }
</script>