首页 > 解决方案 > 如何从html中的文本框中清除搜索输入?

问题描述

我有一个简单的问题。每当我想在搜索框中输入新内容时,如何编写一行代码以清除搜索输入历史记录?我正在编写一个与 YouTube 搜索栏交互的表单,所以无论我在搜索框中输入什么,它都会链接到 YouTube。

下面是图像文件,其中显示了我输入的输入历史记录,每当我刷新浏览器时它都不会清除。我对html相当陌生。

搜索输入:

在此处输入图像描述

<table class="tborder" cellpadding="$stylevar[cellpadding]" 
cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="right">
 <tr>
  <td class="thead" width="100%">
   <div style="text-align: left;">
    <strong>YouTube Search</strong>
   </div>
  </td>
 </tr>
 <tr>
  <td class="alt1" width="100%">
  <div class="smallfont" style="text-align: left;">
   <form id="vb_yt_search-form" action="http://www.youtube.com/results" method="get" target="_blank">
    <input id="vb_yt_search-term" name="search_query" type="text" maxlength="128" />
<select name="search_type">
 <option value="" >Videos</option>
 <option value="search_users">Channels</option>
</select>
<input type="submit" value="Search" />
</form>
</div>
 </td>
</tr>
</table>

标签: html

解决方案


你应该使用属性autocomplete="off"


推荐阅读