Artikel Terbaru

2 Contoh Program Penerapan Atribut Oncut pada File HTML

Atribut oncut akan bereaksi ketika user melakukan cut atau delete konten, dimana konten tersebut akan ditampilkan pada elemen. Atribut oncut merupakan atribut bertipe boolean yang hanya terdiri dari dua jenis input TRUE dan FALSE. Atribut oncut digunakan oleh semua jenis elemen HTML tetapi agak sulit untuk memiliki elemen oncut yang memiliki atribut ContentEditable yang disetting dalam tipe TRUE.

Catatan: terdapat tiga cara untuk melakukan cut pada konten dari elemen html.
  • Tekan CTROL + X pada keyboard.
  • Pilih "CUT" pada menu Edit pada browser.
  • Klik kanan dan pilih perintah "Cut".

Sintak:
<element oncut = "script">

Atribut: merupakan bagian dari atribut event dan dapat digunakan pada elemen html apapun, dimana script dapat dijalankan ketikan atribut oncut tersebut dipanggil.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Atribut Oncut

</title>

 

<style>

body 

{

text-align:center;}

 

h1 

{

color:green;}

</style>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Atribut Oncut pada Elemen Input

</h2>

 

<input 

type = "text

oncut = "mkn()"

value = "Blog Elfan: Merupakan portal ilmu komputer">

 

<p id = "sudo"></p>

 

<script>

function Geeks() 

{

document.getElementById("sudo").innerHTML = "Cut the text!";

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Atribut Oncut pada Elemen Input



Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Atribut Oncut

</title>

 

<style>

body 

{

text-align:center;}

 

h1 

{

color:green;}

</style>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Atribut Oncut pada Elemen Input

</h2>

 

<

contenteditable = "true

oncut = "mkn()">

Blog Elfan: Merupakan portal ilmu komputer.

</p>

 

<script>

function mkn() 

{

alert("Cut the text!");

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Atribut Oncut pada Elemen Input

Blog Elfan: Merupakan portal ilmu komputer.

Komentar

  1. Bagaimana cara aktivasi atribut oncut pada elemen html?

    BalasHapus
    Balasan
    1. Atribut oncut pada html dapat diaktivasi ketika user melakukan cut pada suatu konten elemen html.

      Hapus
  2. Kenapa elemen oncut tidak bisa diaktivasi ada elemen html?

    BalasHapus
    Balasan
    1. Meskipun atribut oncut didukung penggunaannya oleh semua elemen html, namun tidak semua elemen dapat dilakukan cut menggunakan atribut oncut, kecuali elemen tersebut telah melakukan setting conteneditable dengan nilai TRUE.

      Hapus
    2. Jika konten editable bernilai false, maka konten elemen tidak bisa dilakukan cut pada file html.

      Hapus

Posting Komentar

Respon komentar 7 x 24 jam, so please be patient :D

Hot Artikel!!!

Enkapsulasi pada Java

6 Tahap Utama dalam Melakukan Kompilasi Program Hello World Java

6 Contoh Program Method Overloading pada Java