ฉันจะไม่พูดเรื่องไร้สาระมากฉันจะโพสต์รหัสสำคัญให้คุณ รหัสเฉพาะมีดังนี้:
<! doctype html> <html> <head> <metacharset = "UTF-8"> <title> กล่องป้อนข้อมูลที่ชัดเจน </title> <title> <scriptsrc = "js/jQuery1.8.3.min.js"> </script> <script>/*** หากไม่ว่างเปล่าปุ่มล้างจะปรากฏขึ้น* @param Element*/functionCheckInput (องค์ประกอบ) {var value = $ (องค์ประกอบ) .val (); if (value! = null && ''! = value) $ (องค์ประกอบ) .parent (). parent (). เด็ก () เด็ก () เด็ก ('. button'). removeClass ('ไม่มี') องค์ประกอบ @param*/functionclearinput (องค์ประกอบ) {$ (องค์ประกอบ) .parent (). parent (). เด็ก (). เด็ก ('อินพุต'). val (''); $ (องค์ประกอบ) .addclass ('ไม่มี'); RED; FONT-SIZE: 18PX; ความกว้าง: 100PX; ความสูง: 18PX; ชายแดน: 1PX สีแดงของแข็ง; ขอบ-เรดิโอ: 5PX;} </สไตล์> </head> <body> <div> <div> <putthype = "text" placeLholder = "เข้าสู่" ลอง "onkeyup =" การตรวจสอบ ปุ่ม "onclick =" ClearInput (นี่); "> ล้างอินพุต </a> </div> </div> </body> </html> '). addClass (' pre-numbering ') ซ่อน (); $ (นี่) $ number.apher.append ($ ('). ข้อความ (i));ด้านบนเป็นเอฟเฟกต์การเชื่อมโยงของ JavaScript ที่ตัวแก้ไขแนะนำให้คุณใช้กล่องอินพุตและปุ่ม Clear ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับทุกคนในเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!