html input标签清除历史输入记录下拉框

最新推荐文章于 2023-05-11 10:52:30 发布

西凉的悲伤

最新推荐文章于 2023-05-11 10:52:30 发布

阅读量3k

点赞数 1

分类专栏：前端文章标签： html input 历史记录下拉框 input去除下拉框

本文链接：https://blog.csdn.net/qq_33697094/article/details/118936479

版权

前端专栏收录该内容

18 篇文章

订阅专栏

本文介绍了如何在HTML表单中使用autocomplete属性控制输入框的历史记录，并提供了两种方法来清除历史记录：一是设置autocomplete='off'，二是解决name属性缺失问题。同时探讨了Chrome对autocomplete的处理情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、在html 中。如果input标签是放在form表单中的话是会有历史记录的。

比如：

<!DOCTYPE html>
<html>
<head>
</head>
<body >
	 <form action="" method="post">
        <input type="text" name="text1" />
        <input type="text" name="text2" />
        <button type="submit">提交</button>
    </form>
    <input type="text" name="text3">
</body>
</html>

在这里插入图片描述
form表单里的两个input是会有历史记录的。

二、清除历史记录下拉框

如果我们不需要历史记录提醒可以：

方法一：

加入autocomplete=“off”

<!DOCTYPE html>
<html>
<head>
</head>
<body >
	 <form action="" method="post">
        <input type="text" name="text1" autocomplete="off"/>
        <input type="text" name="text2" autocomplete="off"/>
        <button type="submit">提交</button>
    </form>
    <input type="text" name="text3"/>
</body>
</html>