Efek Pencarian Elemen HTML Menggunakan Atribut OnSearch
Atribut event onsearch pada html dapat bekerja ketika user menekan tombol ENTER atau menekan tombol x ketika melakukan mencarian pada elemen <input> html.
Tag Pendukung:
Sintak:
<element onsearch="script">
Atribut: mengandung atribut event script tunggal yang akan bekerja ketika event tersebut dipanggil.
Baca Juga:
 |
| Ilustrasi Atribut OnSearch HTML |
Sebelum memahami lebih dalam materi tentang Efek Pencarian Elemen HTML Menggunakan Atribut OnSearch, terlebih dahulu pelajari materi tentang: Efek Melakukan Reset Elemen HTML Menggunakan Atribut OnReset [klik], Atribut OnInvalid HTML dan Fungsinya [klik], dan Atribut OnInput HTML dan Fungsinya [klik].
- <input type=”search”>
Sintak:
<element onsearch="script">
Baca Juga:
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Atribut Event Onsearch
</title>
<style>
.mkn {
font-size:40px;
color:green;
font-weight:bold;
}
body
{
text-align:center;}
</style>
</head>
<body>
<div
class = "mkn">
Blog Elfan
</div>
<h2>
atribut event onsearch
</h2>
<input
type="search"
id="dodo"
onsearch="dodosukadodo()">
<p id="coba"></p>
<script>
function dodosukadodo()
{
var x = document.getElementById("dodo");
document.getElementById("coba").innerHTML =
"Konten Pencarian: " + x.value;
}
</script>
</body>
</html>
Output:Blog Elfan
atribut event onsearch
Referensi Tambahan:
- 3 Contoh Penggunaan Atribut Event OnClick pada Elemen HTML [klik]
- Cara Penggunaan Atribut onDblClick pada Elemen HTML [klik]
- 11 Elemen Terlarang Untuk Menggunakan Atribut OnMouseMove pada HTML [klik]
- 11 Elemen Terlarang untuk Penggunaan Atribut OnMouseOut pada HTML [klik]
- 11 Elemen Terlarang dalam Penggunaan Atribut OnMouseOver pada HTML [klik]
- 11 Elemen Terlarang pada Penggunaan Atribut OnMouseUp HTML [klik]
- Cara Mudah Menggunakan Atribut OnWheel pada Elemen HTML [klik]
Artikel ini didedikasikan kepada: Alliyyu Amanati Putri Sudiyana, Amelia Putri Maharani, Ana Kurniawati, Annisa Indah Febriana, dan Citra Jeafinda.
Apa yang dimaksud dengan atribut onsearch pada elemen html?
BalasHapusAtribut onsearch merupakan atribut yang dapat diaktifkan ketika user menekan tombol enter atau mengklik tombol x pada elemen input dengan type="search".
HapusApa yang dimaksud dengan search?
BalasHapusJika berkaitan dengan atribut onsearch, maka yang dimaksud dengan search adalah tipe dari atribut yang digunakan pada elemen input yaitu type="search".
HapusJika berkaitan dengan algoritma, search merupakan salah satu algoritma yang digunakan untuk pencarian.
Hapus