Javascript 当我输入SO Title时,结果很好地显示为加载效果,并有一个显示结果的拟合框,我如何使其如此?

Javascript 当我输入SO Title时,结果很好地显示为加载效果,并有一个显示结果的拟合框,我如何使其如此?,javascript,html,css,Javascript,Html,Css,我已经设置了所有的后端,所以当我在搜索栏中键入某个内容时,它会显示结果(例如,如果我键入t,则会显示test),但我希望它能很好地显示在一个框中,并希望具有加载效果。如果结果溢出,滚动条也很好 我的导航栏里有这个 <form class="navbar-form navbar-left" role="search"> <div class="form-group"> {% csrf_token %} <input type="t

我已经设置了所有的后端,所以当我在搜索栏中键入某个内容时,它会显示结果(例如,如果我键入t,则会显示test),但我希望它能很好地显示在一个框中,并希望具有加载效果。如果结果溢出,滚动条也很好

我的导航栏里有这个

<form class="navbar-form navbar-left" role="search">
        <div class="form-group">
          {% csrf_token %}
 <input type="text" class="form-control" id="search" name="search" onkeyup="handle_keyup()"/></div>
      </form>

{%csrf_令牌%}
结果将显示在下面的示例中

<ul id="search-results">

</ul>

简单的代码,但唯一的问题是当我键入“t”时,结果“test”显示出来,好像整个屏幕向下移动了一次。我希望它们能很好地显示在StackOverflow这样的合适的盒子里……

@Rajesh是的,我打电话给ajax,效果很好。你是说我需要触摸ajax才能很好地显示它吗?整个功能都可以正常工作,只需要将结果很好地显示在堆栈溢出标题插入框no这样的框中。然后是我的错。你将不得不使用css来实现它。@Rajesh你知道怎么做吗?