Lompat ke konten Lompat ke sidebar Lompat ke footer

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.

11 Tag Pendukung Penggunaan Atribut OnFocus pada Elemen HTML
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].

Tag Pendukung: atribut onfocus didukung penggunaanya oleh elemen berikut.
  • <base>
  • <bdo>
  • <br>
  • <head>
  • <html>
  • <iframe>
  • <meta>
  • <param>
  • <script>
  • <style>
  • <title>

Sintak:
<element onfocus = "script">

Value Atribut: script value dapat bekerja ketika atribut onfocus dipanggil.

Baca Juga:

Contoh:

<!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:

Artikel ini didedikasikan kepada: Achmad Haykal, Acmad Risyad Santoso, Adhimas Wahyutama Pramana Putra, Agung Dwi Saputra, dan Alliyyu Amanati Putri Sudiyana.

5 komentar untuk "Atribut OnFocus HTML dan Fungsinya"

  1. Apa yang dimaksud dengan atribut onfocus pada elemen html?

    BalasHapus
    Balasan
    1. Atribut 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.

      Hapus
    2. Event onfocus akan dipanggil ketika elemen menerima fokus, dimana event tersebut akan bereaksi untuk memeriksa ketersediaan perekaman peristiwa untuk menggunakan fokus tertentu.

      Hapus
  2. Atribut apakah yang cara kerjanya berkebalikan dengan atribut onfocus pada html?

    BalasHapus
    Balasan
    1. Atribut 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

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -