html 點擊按鈕清空輸入框內容


 

完整代碼:

 

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 </head>
 5 
 6 <body>
 7 <div style="font-size:16px;float:left ;">
 8     <label class="text">內容
 9         <input  type="text" id="key" name="key"
10                placeholder="請輸入"></label>
11     <button  type="button" onclick="clearText()">清空</button>
12 </div>
13 </body>
14 
15 {#地址根據實際的路徑填寫#}
16 <script type="text/javascript" src="xxxxx/js/jquery.min.js"></script>
17     <script type="text/javascript" language="javascript">
18         function clearText() {
19             $('.text input').val('');
20         }
21     </script>
22 
23 </html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM