如何通过js对html input标签文本框的最右边加一个X，使之可以置空该input?

已知一个<input />标签，如何不改变其层级的关系，用js或者加入class设置，在文本框的最右边加一个X，使之可以置空该input

鼠标放上效果和清除

鼠标移开效果

此功能纯JS+CSS和一个input完成，喜欢的朋友可以拿去扩展更完善，谢谢

所有回答列表(3)

季风Style LV12 2016年9月22日

程序猿全敏 LV29 2016年9月22日

function clern(){

document.getElementById("input的id").value=" ";

}

vhaisong LV3 2016年9月26日

hover是鼠标移入移出事件，具体百度下就有现成代码，清空的话jquery - - $("#元素id").val("")或者js - - document.getElementById("元素id").value=""

最近浏览

sycszbd 2022年3月15日

暂无贡献等级

gfdnfn 2022年2月23日

暂无贡献等级

vipnozj 2021年9月6日

暂无贡献等级

张怼怼 LV1 2021年7月30日

2771243744 2020年12月19日

暂无贡献等级

weishengwen2 LV1 2020年6月19日

xclsky LV2 2020年3月4日

377605526 LV3 2020年2月5日

hewenshuang 2019年7月6日

暂无贡献等级

lch8023 LV1 2019年5月30日