关闭谷歌浏览器输入框记忆功能的方法

谷歌浏览器的默认样式下，`<input>`元素通常不会直接显示清除图标（小叉号）。如果你想在输入框旁边添加一个清除按钮，可以借助HTML5的一些新特性或者CSS自定义样式。你可以通过以下步骤来实现： 1. HTML部分： ```html <input type="text" id="clearable-input"> <button type="button" onclick="clearInput()" title="清除"><span class="material-icons">close</span></button> ``` 这里使用了`<button>`标签创建一个清除按钮，并绑定了`onclick`事件处理函数。 2. CSS部分，使用Google Material Design的图标或其他自定义图标： ```css .clearable-input { position: relative; } .clearable-input span { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); cursor: pointer; display: none; /* 初始隐藏 */ } #clearable-input:focus + .clearable-input span, #clearable-input:hover + .clearable-input span { display: inline-block; /* 当input聚焦或悬停时显示 */ } ``` 3. JavaScript 清除函数 `clearInput()`： ```javascript function clearInput() { var input = document.getElementById('clearable-input'); if (input) input.value = ''; } ``` 当用户点击这个清除按钮时，会触发`clearInput`函数清空输入框的内容。如果没有绑定按钮，也可以直接在JavaScript中给输入框添加`oninput`事件，实时监听输入并清除内容。