Bagaimanakah Saya Boleh Membuat Medan Teks Input Boleh Dikosongkan dengan Ikon Dalaman dengan Mudah?

Mengosongkan Medan Teks Input dengan Ikon Dalaman

Keperluan untuk mencipta medan teks input dengan ikon di sebelah kanan yang mengosongkan medan adalah elemen reka bentuk biasa. Semasa mencari penyelesaian, kebanyakan hasil hanya menawarkan meletakkan ikon sebagai latar belakang medan input. Artikel ini akan meneroka pendekatan alternatif untuk mencapai kefungsian yang diingini.

Menggunakan Jenis "carian"

Kaedah yang cepat dan cekap untuk mencipta medan teks input yang boleh dikosongkan ialah dengan memberikan jenis "carian" kepada elemen input. Jenis ini disokong secara meluas merentasi penyemak imbas, tetapi perlu diperhatikan bahawa isu keserasian mungkin timbul dalam versi Internet Explorer sebelum 10.

Coretan Kod:

<input type="search">

Dengan menetapkan jenis input kepada "cari", ikon kaca pembesar akan muncul di sebelah kanan medan. Mengklik ikon ini akan mengosongkan kandungan medan. Pendekatan mudah ini menyediakan kefungsian yang diingini tanpa memerlukan skrip atau pemalam tambahan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membuat Medan Teks Input Boleh Dikosongkan dengan Ikon Dalaman dengan Mudah?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!