Found 10483 Articles for Web Development

HTML Navigator appCodeName Property

AmitDiwan
Updated on 26-Sep-2019 11:24:56

150 Views

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 Live Demo    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

HTML Navigator language Property

AmitDiwan
Updated on 26-Sep-2019 11:21:24

147 Views

The HTML navigator language property returns the browser’s language version.SyntaxFollowing is the syntax −navigator.languageLet us see an example of HTML navigator language property −Example Live Demo    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

HTML novalidate Attribute

AmitDiwan
Updated on 26-Sep-2019 11:16:25

319 Views

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 Live Demo    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 More

HTML Window btoa( ) Method

AmitDiwan
Updated on 26-Sep-2019 11:05:53

393 Views

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 Live Demo    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 More

HTML Window atob( ) Method

AmitDiwan
Updated on 26-Sep-2019 11:01:12

448 Views

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 Live Demo    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 More

HTML Window alert( ) Method

AmitDiwan
Updated on 26-Sep-2019 10:54:13

900 Views

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 Live Demo    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;       ... Read More

HTML onkeypress Event Attribute

AmitDiwan
Updated on 26-Sep-2019 10:51:24

237 Views

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 Live Demo    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.

HTML onkeyup Event Attribute

AmitDiwan
Updated on 26-Sep-2019 10:47:01

189 Views

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 Live Demo    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.

HTML onkeydown Event Attribute

AmitDiwan
Updated on 26-Sep-2019 10:43:44

178 Views

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 Live Demo    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.

HTML onerror Event Attribute

AmitDiwan
Updated on 26-Sep-2019 10:40:58

299 Views

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 Live Demo    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 More

Advertisements