Javascript 将默认搜索文本添加到搜索框html

我正在将“搜索”文本添加到搜索框中。我正在努力实现：

onfocus：消失文本

及

onblur：重新显示文本

到目前为止，我已经实现了这一点，但我必须将其硬编码为html：

例如

如果我将这个添加到.html文件中，我会得到相同的结果：

例如

var defaultText=“搜索…”；
var searchBox=document.getElementById（“搜索”）；
//加载后的默认文本
searchBox.value=defaultText；
//论焦点行为
searchBox.onfocus=函数（）{
如果（this.value==defaultText）{//清除文本字段
这个值=“”；
}
}
//论模糊行为
searchBox.onblur=函数（）{
如果（this.value==“”）{//恢复默认文本
this.value=defaultText；
}
}

（提供：）

我试图实现的是在外部.js文件中使用上述代码，但无论我做什么，我都无法将代码反向链接到.html文件中的搜索框

如果这是一个糟糕的问题，我很抱歉，我已经做了大约10个不同的.html和.js文件交换和重新映射代码，但是如果实际的.html文件中没有javascript，仍然无法让它工作

非常感谢您的帮助。

请使用以下属性：

尝试使用HTML属性

但如果您仍然想使用JavaScript，请参阅以下演示：

var defaultText=“搜索…”；
var searchBox=document.getElementById（“搜索”）；
//加载后的默认文本
searchBox.value=defaultText；
//论焦点行为
searchBox.onfocus=函数（）{
如果（this.value==defaultText）{//清除文本字段
这个值=“”；
}
}
//论模糊行为
searchBox.onblur=函数（）{
如果（this.value==“”）{//恢复默认文本
this.value=defaultText；
}
}

JS-Bin

可能有助于查看旧浏览器中的占位符支持。

使用下面的脚本它工作正常

<script type="text/javascript">
 var defaultText = "Sitede ara…";
 var searchBox = document.getElementById("ctl00_ctl34_S52EF3DAB_InputKeywords");

 //default text after load
 searchBox.value = defaultText;

 //on focus behaviour
 searchBox.onfocus = function () {
     if (this.value == defaultText) {//clear text field
         this.value = '';
     }
 }

var defaultText=“Sitede ara…”；
var searchBox=document.getElementById（“ctl00\u ctl34\u S52EF3DAB\u InputKeywords”）；
//加载后的默认文本
searchBox.value=defaultText；
//论焦点行为
searchBox.onfocus=函数（）{
如果（this.value==defaultText）{//清除文本字段
这个值=“”；
}
}

。那个网站到处都是坏例子。此外，我认为您可能在复制/粘贴时出错。；-）

<script type="text/javascript">
var defaultText = "Search...";
var searchBox = document.getElementById("search");

//default text after load
searchBox.value = defaultText;

//on focus behaviour
searchBox.onfocus = function() {
    if (this.value == defaultText) {//clear text field
        this.value = '';
    }
}

//on blur behaviour
searchBox.onblur = function() {
    if (this.value == "") {//restore default text
        this.value = defaultText;
    }
}
</script>

<script type="text/javascript">
 var defaultText = "Sitede ara…";
 var searchBox = document.getElementById("ctl00_ctl34_S52EF3DAB_InputKeywords");

 //default text after load
 searchBox.value = defaultText;

 //on focus behaviour
 searchBox.onfocus = function () {
     if (this.value == defaultText) {//clear text field
         this.value = '';
     }
 }