Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Menambah Ikon Jelas pada Elemen Teks Input dengan Mudah?

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

Linda Hamilton
Lepaskan: 2024-12-16 03:00:14
asal
522 orang telah melayarinya

How Can I Easily Add a Clear Icon to an Input Text Element?

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan