JS表单代码获得焦点自动清除提示，失去焦点恢复默认提示5

发布网友 发布时间：2023-11-04 10:12

我来回答

共4个回答

热心网友 时间：2024-12-02 11:03

第一个问题的解决办法：

<script type="text/javascript">
window.onload = function() {
    var keyWord = document.getElementsByName('keyWord')[0];   //搜索name为keyWord的DOM对象
    keyWord.onfocus = function() {
        keyWord.value = '';
    };
    keyWord.onblur = function() {
        keyWord.value = '搜索您感兴趣的资源';
    };
}
</script>

第二个问题之所以没反应是因为你的提交按钮的type写错了，应该是

<input name=\"提交\ "type=\"submit\" class=\"go backcolr\" value=\"GO\" />

希望对你有所帮助！

追问第二个问题解决，这下麻烦了，
第一个问题是参考HUI江尚解决的，
第二个问题是通过杯水看世界解决的。

这分给谁呢，这下痛苦了。

热心网友 时间：2024-12-02 11:03

<script type="text/javascript">
window.onload = function() {
    var keyWord = document.getElementById('keyWord');
    keyWord.onfocus = function() {
        keyWord.value = '';
    };
    keyWord.onblur = function() {
        keyWord.value = '搜索您感兴趣的资源';
    };
}
document.writeln('<form id=\"SearchForm\" name=\"SearchForm\" method=\"get\" action=\"/plus/Search.asp\">')
document.writeln('<li>')
document.writeln('<input name=\"KeyWord\" type=\"text\" id=\"keyWord\" class=\"bar\" value=\"搜索您感兴趣的资源\" />')
document.writeln('</li>')
document.writeln('        <input name=\"ChannelID\" value=\"111\" type=\"hidden\" />')
document.writeln('<li><input name=\"提交\ "type=\"button\" class=\"go backcolr\" value=\"GO\" /></li>')
document.writeln('</form>')

</script>

追问

出来的效果如下：

就剩下了一个框，放大镜图标也没了。



追答

要改一下  ：

    window.onload = function() {
        var keyWord = document.getElementById('keyWord');
        keyWord.onfocus = function() {
            if (!keyWord.value || keyWord.value=='搜索您感兴趣的资源') {
                keyWord.value = '';
            }
        };
        keyWord.onblur = function() {
            if (!keyWord.value) {
                keyWord.value = '搜索您感兴趣的资源';
            }
        };
    }
    至于你说的放大镜没了  那要看你是怎么定义那个放大镜的样式的

热心网友 时间：2024-12-02 11:04

之前的页面我转换成JS，也是点击消失，然后移开出现。

在线的页面中调用，是可以的。

你看下，可以的话可能需要你自己再修改下！

热心网友 时间：2024-12-02 11:04

onFocus="if(this.value=='搜索您感兴趣的资源'){value='';}" onBlur="if(!value){this.value='搜索您感兴趣的资源';}"