Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / html

Atribut OnFocus HTML dan Fungsinya

Dipublikasikan Oleh: elfanmauludi 5 komentar
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.


Sebelum memahami lebih dalam materi tentang Atribut OnFocus HTML dan Fungsinya, terlebih dahulu pelajari materi tentang: Atribut OnContextMenu HTM dan Fungsinya, Efek Perubahan Elemen HTML Menggunakan Atribut OnChange, dan Atribut OnUnload HTML dan Fungsinya.

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.
Location: Semarang, Kota Semarang, Jawa Tengah, Indonesia

5 komentar untuk "Atribut OnFocus HTML dan Fungsinya"

  1. AnonimSabtu, 02 Oktober 2021 pukul 19.00.00 WIB

    Apa yang dimaksud dengan atribut onfocus pada elemen html?

    BalasHapus
    Balasan
    1. AnonimSabtu, 02 Oktober 2021 pukul 19.00.00 WIB

      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. AnonimSabtu, 02 Oktober 2021 pukul 19.04.00 WIB

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

      Hapus
  2. AnonimSabtu, 02 Oktober 2021 pukul 19.02.00 WIB

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

    BalasHapus
    Balasan
    1. AnonimSabtu, 02 Oktober 2021 pukul 19.02.00 WIB

      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 -