Untuk meningkatkan pengalaman pengguna dan kemudahan penggunaan, beberapa desainer akan mengoptimalkan hal -hal yang sering digunakan pengguna pada halaman web, seperti kotak input. Bagaimana kotak input umum dioptimalkan? Dari perspektif pengalaman pengguna, menyederhanakan langkah penggunaan pengguna dan membuatnya lebih nyaman bagi pengguna adalah meningkatkan kemudahan penggunaan, seperti mengubah warna kotak input ketika mouse ditangguhkan di kotak input, secara otomatis memilih teks default di kotak input, atau secara otomatis menghapus konten default saat mengklik kotak input, dll.
Efek ini kedengarannya rumit, tetapi sebenarnya sangat sederhana untuk dilakukan. Ini dapat diselesaikan hanya dengan sepotong kecil kode JavaScript. Berikut ini adalah kode untuk beberapa efek.
1. Klik kode HTML dari konten yang dipilih di kotak input:
Salin kode