javascript - 如果禁用了 javascript，如何避免显示该框？

Question

我使用 javascript 来隐藏我网站上的框，然后当用户在文本区域中单击时，将显示该特定框。但是，如果用户出于某种原因正在离线查看我的网站或未启用 javascript，甚至有时当页面加载缓慢时，可以看到这些本应被 javascript 隐藏的框，我想知道我是否除非javascript要求，否则默认情况下可以使用css或其他东西来隐藏框吗？

我真的是 javascript 的新手，如果有人能告诉我我需要做什么，我将不胜感激。谢谢。

<script>
           $(function() {
            $(".search_prompt").hide();
            var focusin_flag = false,
                focusout_flag = false;
            $("#text").focusin(function() {
                if (!focusin_flag) {
                    $(".search_prompt").show();
                    focusin_flag = true;
                }
            }).focusout(function () {
                if (!focusout_flag ) {
                    $(".search_prompt").hide();
                    focusout_flag = true;
                } 
                function timeout_init() {
        setTimeout('search_prompt()', 2000);

                }

            });
        });  

        </script>

Answer 1

在你的 css 中设置 .search_prompt display as none

.search_prompt
{
    display:none;
}

这样，默认情况下该框是隐藏的，如果启用了 javascript，则可以在需要时显示它。