Saya tidak akan mengatakan banyak omong kosong, saya hanya akan memposting kode kunci untuk Anda. Kode spesifiknya adalah sebagai berikut:
<! Doctype html> <html> <head> <Metacharset = "UTF-8"> <Title> Kotak Input Bersihkan Tombol </title> <scriptsrc = "js/jQuery1.8.3.min.js"> </script> <script>/*** Centang nilai kotak input saat ini. Jika tidak kosong, tombol Clear ditampilkan* @param elemen*/functionCheckInput (elemen) {var value = $ (elemen) .val (); if (value! = null && ''! = value) $ (elemen) .parent (). Parent (). Anak -anak (). Anak -anak (). Anak -anak ('. Tombol'). RemoveClass ('tidak ada'); elemen $ (elemen) .parent (). Parent () anak -anak (). Anak -anak () anak -anak (). Konten ('). KULTAS (). BOXT (). Anak -anak (). Anak -anak (). Anak -anak (' tidak ada (). KULTAS (). BOXT (). BOXT (). Anak -anak (). Anak -anak (). Anak -anak (). @param elemen*/functionClearInput (elemen) {$ (elemen) .parent (). parent (). anak-anak (). anak-anak ('input'). val (''); $ (elemen) .addclass ('none');} </script> <style> .none {display: none;}. tinggi 20 {20px: 20px; merah; ukuran font: 18px; lebar: 100px; tinggi: 18px; perbatasan: 1px solid red; perbatasan-radius: 5px;} </tyle> </pead> <body> <div> <verv> <inputType = "Text" placeholder = "enter" coba "onkeyup =" checkinput (this); Tombol "OnClick =" clearInput (this); "> Clear Input </a> </div> </div> </body> </html> '). AddClass (' pre-numbering '). Sembunyikan (); $ (ini) .addClass (' have-numbering '). Parent (). Tambahkan ($ nomor); for (i = 1; $ angka. (''). Teks (i));Di atas adalah efek tautan dari JavaScript yang diperkenalkan editor kepada Anda untuk mengimplementasikan kotak input dan tombol Clear. Saya harap ini akan membantu semua orang. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas semua orang tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!