Atribut OnFocus HTML dan Fungsinya
Atribut onfocus pada html merupakan atribut yang dapat bekerja ketika elemen melakukan get focus. Atribut event dari onfocus umumnya digunakan bersamaan dengan elemen <input>, <select>, <a>, dan lain sebagainya.
Tag Pendukung: atribut onfocus didukung penggunaanya oleh elemen berikut.
Sintak:
<element onfocus = "script">
Value Atribut: script value dapat bekerja ketika atribut onfocus dipanggil.
 |
| Ilustrasi Atribut OnFocus HTML |
Sebelum memahami lebih dalam materi tentang Atribut OnFocus HTML dan Fungsinya, terlebih dahulu pelajari materi tentang: Atribut OnContextMenu HTM dan Fungsinya [klik], Efek Perubahan Elemen HTML Menggunakan Atribut OnChange [klik], dan Atribut OnUnload HTML dan Fungsinya [klik].
- <base>
- <bdo>
- <br>
- <head>
- <html>
- <iframe>
- <meta>
- <param>
- <script>
- <style>
- <title>
Sintak:
<element onfocus = "script">
Baca Juga:
Contoh:
Last name:
<!DOCTYPE html>
<html>
<head>
<title>
Atribut Onfocus
</title>
<style>
h1
{
color:green;}
body
{
text-align:center;}
input
{
color:white;
margin-top:5px;
border:1px solid black;
border-radius:3px;}
</style>
<script>
function sudo(x)
{
document.getElementById(x).style.background = "green";
}
</script>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Atribut Event Onfocus
</h2>
First name:
<input
type="text"
id="fname"
onfocus="sudo(this.id)">
<br>
Last name:
<input
type="text"
id="lname"
onfocus="sudo(this.id)">
</body>
</html>
Output:Blog Elfan
Atribut Event Onfocus
First name:Last name:
Referensi Tambahan:
- 4 Elemen Utama dalam Penggunaan Atribut OnSelect pada HTML [klik]
- Cara Mudah Menggunakan Atribut OnSubmit pada Elemen HTML [klik]
- 11 Elemen yang Tidak Dapat Digunakan pada Atribut OnKeyDown HTML [klik]
- 11 Elemen yang Tidak Dapat Digunakan pada Atribut OnKeyUp pada HTML [klik]
- 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]
Artikel ini didedikasikan kepada: Achmad Haykal, Acmad Risyad Santoso, Adhimas Wahyutama Pramana Putra, Agung Dwi Saputra, dan Alliyyu Amanati Putri Sudiyana.
Apa yang dimaksud dengan atribut onfocus pada elemen html?
BalasHapusAtribut onfocus pada html dapat diaktifkan ketika elemen mendapatkan fokus. Atribut onfocus paling sering digunakan dengan elemen input, select, dan anchor. Atribut onfocus merupakan atribut yang cara kerjanya adalah kebalikan dari atribut onblur.
HapusEvent onfocus akan dipanggil ketika elemen menerima fokus, dimana event tersebut akan bereaksi untuk memeriksa ketersediaan perekaman peristiwa untuk menggunakan fokus tertentu.
HapusAtribut apakah yang cara kerjanya berkebalikan dengan atribut onfocus pada html?
BalasHapusAtribut onblur diaktifkan ketika elemen mengalami kehilangan fokus. Atribut onbur paling sering digunakan dengan kode validasi formulir seperti ketika user meninggalkan bidang form. Atribut onblur memiliki cara kerja yang berkebalikan dengan atribut onfocus.
Hapus