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

<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 { /清除圖標/ 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>

個人簡介

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

主目錄

與歌謠一起通關前端面試題

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。