构建 HTML 表单的更快方法答案

【问题标题】：Faster way of building HTML form构建 HTML 表单的更快方法
【发布时间】：2011-10-06 12:01:23
【问题描述】：

我需要一个 HTML 表单，它在用户单击空格按钮后在屏幕上的某个位置创建。当然，head 部分有一些 CSS。构建 DOM 树有点慢，document.write 不是我尝试过的好决定。部分代码尝试如下：

$(document).keydown(function(e){
    if (e.keyCode == 32) { 
            $('<div class="textcontainer"><form><input type="text" name="q" class="text" autocomplete="off"><div id="log"></div></form></div>');
       return false;
    }
    });

【问题讨论】：

标签： jquery html forms search full-text-search

【解决方案1】：

将代码放置在页面中您希望它显示的任何位置。在你的风格中，把这个：

.textcontainer { display: none; }

这允许它与页面的其余部分一起加载。然后，在点击时，只需将显示设置为阻止。

$(document).keydown(function(e){
    如果（e.keyCode == 32）{
            $('.textcontainer').css('display','block');
       返回假；
    }
    });

【讨论】：