如何为输入创建兼容的“x”清除？

Question

我想添加一个兼容的“X”来清除输入。

我知道type="search"，但这对大多数不支持HTML 5的浏览器都不起作用。

同样type="rest"，其余的所有输入值，我只想清除所选的输入。

因此无论输入类型是什么（text, email, phone, search ..etc），我都希望显示“X”来清除它的值。

我对所有想法持开放态度，但我更喜欢兼容轻便的产品。

Answer 1

＆＃13;

＆＃13;

<div style="position: absolute; width: 200px;">
  <input id="input" type="text" style="width: 90%" placeholder="Input here">
  <span style="width: 10%; cursor: pointer;"       onclick="document.getElementById('input').value = ''">X</span>
</div>

＆＃13;

＆＃13;

＆＃13;

简单的输入框，X清除使用vanilla js和html