Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
HTML Articles
Page 29 of 151
HTML ontoggle Event Attribute
The HTML ontoggle event attribute is triggered when a user opens or closes the HTML element in an HTML document.SyntaxFollowing is the syntax −ContentLet us see an example of HTML ontoggle event Attribute −Example body { color: #000; height: 100vh; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; text-align: center; padding: 20px; } HTML ontoggle Event Attribute Demo Hi! I'm summary element This is a paragraph with some dummy content. function toggleFn() { ...
Read MoreHTML onwheel Event Attribute
The HTML onwheel event attribute is triggered when the user moves the wheel of the mouse on an HTML element in an HTML document.SyntaxFollowing is the syntax −ContentLet us see an example of HTML onwheel event Attribute −Example body { color: #000; height: 100vh; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; text-align: center; padding: 20px; } .wheel { border: 2px solid #fff; padding: 10px; } HTML onwheel Event Attribute ...
Read MoreHTML onerror Event Attribute
The HTML onerror event attribute is triggered when an error occurs while loading an external file in an HTML document.SyntaxFollowing is the syntax −ContentLet us see an example of HTML onerror event Attribute −Example body { color: #000; height: 100vh; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; text-align: center; padding: 20px; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; ...
Read MoreHTML onkeydown Event Attribute
The HTML onkeydown event attribute is triggered when the user is pressing a key on the keyboard.SyntaxFollowing is the syntax −ContentLet us see an example of HTML onkeydown event Attribute −Example body { color: #000; height: 100vh; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; text-align: center; padding: 20px; } .show { font-size: 1.2rem; } HTML onkeydown Event Attribute Demo function keyFn() { document.querySelector(".show").innerHTML = 'You enter: ' + document.querySelector("textarea").value; } OutputEnter your message in white text area to observe how onkeydown event attribute works.
Read MoreHTML onkeyup Event Attribute
The HTML onkeyup event attribute is triggered when the user releases a key on the keyboard.SyntaxFollowing is the syntax −ContentLet us see an example of HTML onkeyup event Attribute −Example body { color: #000; height: 100vh; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; text-align: center; padding: 20px; } .show { font-size: 1.2rem; } HTML onkeyup Event Attribute Demo function keyFn() { document.querySelector(".show").innerHTML = 'You enter: ' + document.querySelector("textarea").value; } OutputEnter your message in white text area to observe how onkeyup event attribute works.
Read MoreHTML onkeypress Event Attribute
The HTML onkeypress event attribute is triggered when the user presses a key on the keyboard.SyntaxFollowing is the syntax −ContentLet us see an example of HTML onkeypress event Attribute −Example body { color: #000; height: 100vh; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; text-align: center; padding: 20px; } .show { font-size: 1.2rem; } HTML onkeypress Event Attribute Demo function keyFn() { document.querySelector(".show").innerHTML = 'You enter: ' + document.querySelector("textarea").value; } OutputEnter your message in white text area to observe how onkeypress event attribute works.
Read MoreHTML Window alert( ) Method
The HTML window alert() method shows an alert box with the defined message and an OK button in an HTML document.SyntaxFollowing is the syntax −alert(“message”);Let us see an example of HTML window alert() method −Example body { color: #000; height: 100vh; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; text-align: center; padding: 20px; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: ...
Read MoreHTML Window atob( ) Method
The HTML window btoa() method encodes a string of data in base-64 string which can be decoded by atob() method in the HTML document.SyntaxFollowing is the syntax −window.btoa(string_to_be_encoded);Let us see an example of HTML window btoa() method −Example body { color: #000; height: 100vh; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; text-align: center; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; ...
Read MoreHTML novalidate Attribute
The HTML novalidate attribute define that while submitting the form the form data should not be validated in an HTML document.SyntaxFollowing is the syntax −Let us see an example of HTML novalidate Attribute −Example body { color: #000; height: 100vh; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; text-align: center; } input[type='text'] { width: 300px; padding: 8px 16px; border: 2px solid #fff; background: transparent; border-radius: 20px; ...
Read MoreHTML Navigator appCodeName Property
The HTML navigator appCodeName property returns the browser’s code name.SyntaxFollowing is the syntax −navigator.appCodeNameLet us see an example of HTML navigator appCodeName property −Example body { color: #000; height: 100vh; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; text-align: center; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 20px; width: 330px; display: block; color: #fff; outline: none; ...
Read More