[html] 如何給input的右上角加個(gè)清除的按鈕？

<title>Insert title here</title> <style type="text/css">.round { /大span/ background: #fff none repeat scroll 0 0; border: 1px solid #bbb; display: inline-block; height: 28px; margin-right: 2px; vertical-align: top; width: 175px; position: relative; } .delquery { /清除圖標(biāo)/ background-position: 0 -320px; cursor: pointer; height: 20px; margin: 4px 0px 0 0; position: absolute; right: 0; top: 0; width: 20px; } .input_key { /input框/ background: #fff none repeat scroll 0 0; border: 0 none; border-radius: 0; font: 16px/22px arial; height: 18px; margin: 5px 0 0 5px; outline: 0 none; padding: 0; width: 140px; background-repeat: no-repeat; } </style> <script src="./js/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $("#clear").click(function(){ $(".input_key").val(""); $(".input_key").focus(); $(this).hide(); }) $("#keyword").keydown(function(){ console.log($(".input_key").val()) if ($(".input_key").val().trim()!="") { $("#clear").show(); } }); $("#keyword").keyup(function(){ if ($(".input_key").val().trim()!="") { $("#clear").show(); } });}) </script>

個(gè)人簡(jiǎn)介

我是歌謠，歡迎和大家一起交流前后端知識(shí)。放棄很容易，
但堅(jiān)持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關(guān)前端面試題

總結(jié)

以上是生活随笔為你收集整理的[html] 如何给input的右上角加个清除的按钮？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。