Bagaimanakah Saya Boleh Menambah Ikon Jelas pada Elemen Teks Input dengan Mudah?

Membuat Elemen Teks Input dengan Ikon Jelas

Apabila mereka bentuk antara muka pengguna, selalunya perlu menyediakan cara untuk pengguna mengosongkan input padang. Kotak carian Google menawarkan penyelesaian yang mudah dan berkesan dengan meletakkan ikon "X" dalam elemen input. Mencapai fungsi ini mungkin kelihatan mencabar, tetapi penyelesaian yang mudah wujud.

Menambah Ikon Di Dalam Elemen Teks Input

Untuk mencipta elemen teks input dengan ikon yang jelas, cuma tambahkan atribut "type="search"" pada elemen input. Ini secara automatik akan memaparkan ikon "X" di sebelah kanan medan input.

Contoh:

Sokongan Penyemak Imbas

Sokongan untuk ciri ini secara amnya baik, tetapi ia penting ambil perhatian bahawa ia mungkin tidak berfungsi dalam versi Internet Explorer kurang daripada 10.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menambah Ikon Jelas pada Elemen Teks Input dengan Mudah?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!