如何使用html5本地存储创建自动完成论坛？

Question

大家好,我是编程新手.你能帮我写一个html格式的自动填充文本字段的代码吗？我想使用本地存储数据.如果用户将文本字段中的某些数据间隔,则它将存储在本地存储中.如果下次输入数据时,与该字段相关的localstorage数据将显示为弹出窗口(如mozila或chrome autocomplete).

请给我一些指导

Answer 1

您可以使用<datalist>html5的标记将其用作自动完成.这是一个例子:

<form action="action.php" method="get">

  <input list="bdcity_list" name="bdcity" />
  <datalist id="bdcity_list">
     <option value="Dhaka">
     <option value="Khulna">
     <option value="Sylhet">
     <option value="Rajshahi">
     <option value="Bandarbon">
  </datalist>
 <input type="submit" />

</form>