Cara Memasukkan Teks Ke Dalam Formulir Pencarian

Sebagian besar template blog dilengkapi dengan formulir pencarian yang tidak memiliki teks di dalam area input. Meskipun solusi standar ini baik-baik saja, Anda mungkin ingin mempersonalisasikan formulir pencarian Anda dengan menambahkan teks standar ke dalamnya.
Cara Memasukkan Teks Ke Dalam Formulir Pencarian
Cara Memasukkan Teks Ke Dalam Formulir Pencarian
Teks tersebut dapat membantu pembaca untuk mengidentifikasi area pencarian dengan lebih mudah, mendorong mereka untuk menggunakan fungsi pencarian atau bahkan memperjelas proses pencarian untuk pengguna yang tidak berpengalaman. Berikut adalah beberapa contoh teks yang dapat Anda sertakan pada kotak Anda:
  1. Pencarian
  2. Cari di sini
  3. Cari blog ini
  4. Untuk mencari, ketik dan tekan enter
Sekarang mari kita perjelas bagaimana menempatkan teks di dalam form pencarian. Hal pertama yang perlu Anda temukan adalah kode formulir pencarian. Pengguna WordPress harus dapat menemukannya di dalam file header.php atau sidebar.php, tergantung di mana kotak pencarian Anda berada. Setelah Anda menemukan kode cari baris yang mirip dengan yang ini:
<input type="text" name="s" id="s" size="20"/>
Sekarang Anda perlu menambahkan tiga argumen baru di dalam baris itu:
  • value = ”Teks yang akan ditampilkan di sini”
  • onfocus = ”if (this.value == this.defaultValue) this.value =”; ”
  • onblur = ”if (this.value ==”) this.value = this.defaultValue; ”
Dua argumen terakhir memastikan bahwa teks yang Anda masukkan akan hilang begitu pengguna mengklik area input, dan juga akan muncul kembali jika pengguna mengklik di tempat lain. Baris terakhir kode akan terlihat seperti ini:
<input type="text" name="s" id="s" value="Text to be displayed here" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/>
DONASI VIA SUBSCRIBE Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi Anda membantu Admin untuk lebih giat lagi dalam membagikan artikel blog yang berkualitas. Terima kasih.
Newer Posts Newer Posts Older Posts Older Posts

More posts

Comments

Post a Comment