站点中支持页面中 HTML 格式的 JavaScript 代码

如何解决站点中支持页面中 HTML 格式的 JavaScript 代码

我想要一个框来在输入时提供帖子标题的建议。我做了这个初始代码：

<form action="control()" method="post">
<input name="keyword" id="search_input" autocomplete="off" list="tips" placeholder="Describe your problem"/> 

      <datalist id="tips">        
      <option value="titleofpost1"></option>  
      <option value="titleofpost2"></option>        
      [...]
      </datalist>

<input type="submit" value="invia">

然后是一个 JavaScript 函数，例如：

function control() {
  if (search_input == word_of_post)
[...]

所以我问你两件事：

• 如何使数据列表的建议出现在第一个字母之后，而不是在单击输入时出现？ （因为会有很多帖子）

• 你如何得到与所写内容相似的结果，即使它们不一样？

这是代码：

    <table  height="30%" border="0" bgcolor="white" width="100%" style="border-radius: 5px; border: 5px solid white;">
    <tr><td width="50%" align="center" colspan="2"><br/><div class="title"><h1>Ciao,come possiamo aiutarti?</h1></div> </td>
    </tr>
    <tr><td width="9.85%"></td><td height="70%">
    
    <form id="search_form" action="???" method="post">
        <fieldset id="search_field"><center><table border="0" height="100%" width="100%"><tr><td width="10%" align="center">
        <input type="image" src="immagini/lente.jpg"/></td><td width="2%"></td>
        <td height="100%" width="88%" align="center">
        <input name="keyword" id="search_input" list="tips" autocomplete="off" placeholder="Describe your problem" width="100%" height="100%" style="outline:none;"/></td></tr></table></center>
        </fieldset>

<datalist id="tips">        
      <option value="titleofpost1"></option>  
      <option value="titleofpost2"></option>        
      [...]
      </datalist>

    </form>
    </td></tr>
    </table>

我还没有写过 JavaScript 代码，你能给我举个例子吗？谢谢 Image of browser