AmitDiwan has Published 10744 Articles

How to disable autocomplete of an HTML input field?

AmitDiwan

AmitDiwan

Updated on 06-May-2020 14:05:06

317 Views

To disable autocomplete of an input field, the code is as follows −Example Live Demo    input{       font-size: 18px;       padding: 10px;       margin: 10px;       border:1px solid grey;    } Autocomplete on/off Example First ... Read More

How to create an Autocomplete with JavaScript?

AmitDiwan

AmitDiwan

Updated on 06-May-2020 14:01:52

1K+ Views

To create autocompletion in a form, the code is as follows −Example Live Demo    * {       box-sizing: border-box;    }    body {       margin: 10px;       padding: 0px;       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; ... Read More

How to create a form with multiple steps in JavaScript?

AmitDiwan

AmitDiwan

Updated on 06-May-2020 13:55:26

1K+ Views

To create a form with multiple steps, the code is as follows −Example Live Demo    * {       box-sizing: border-box;    }    body {       background-color: #f1f1f1;    }    #regForm {       margin: 100px auto;       font-family: ... Read More

How to toggle between password visibility with JavaScript?

AmitDiwan

AmitDiwan

Updated on 06-May-2020 13:49:38

202 Views

To toggle between password visibility with JavaScript, the code is as follows −Example Live Demo Password visibility example Password: Show Password Click on the above checkbox to see your password as text    document.querySelector(".check").addEventListener("click", showPass);    function showPass() {       var inputPassEle = document.getElementById("inputPass");   ... Read More

How to trigger a button click on keyboard "enter" with JavaScript?

AmitDiwan

AmitDiwan

Updated on 06-May-2020 13:38:04

1K+ Views

To trigger a button click on keyboard "enter" with JavaScript, the code is as follows −Example Live Demo Trigger Button Click on Enter Example Button Press the "Enter" key inside the above input field to trigger the button.    var inputText = document.getElementById("inputField"); ... Read More

How to find out if capslock is on inside an input field with JavaScript?

AmitDiwan

AmitDiwan

Updated on 06-May-2020 13:34:32

193 Views

To find out if capslock is on inside an input field with JavaScript, the code is as follows −Example Live Demo    #textBox {       display: none;       color: red;    } Detecting Caps Lock Example Press caps lock in the ... Read More

How to check whether a checkbox is checked with JavaScript?

AmitDiwan

AmitDiwan

Updated on 06-May-2020 13:30:44

906 Views

To check whether a checkbox is checked with JavaScript, the code is as follows −Example Live Demo Displaying textBox when a checkbox is checked Checkbox: Checkbox is checked!!!    document.querySelector(".check").addEventListener("click", checkFunction);    function checkFunction() {       var checkBox = document.querySelector(".check");       var textBox ... Read More

How to create a responsive navigation menu with a login form inside of it with HTML and CSS?

AmitDiwan

AmitDiwan

Updated on 06-May-2020 13:14:18

521 Views

To create a responsive navigation menu with a login form inside of it, the code is as follows −Example Live Demo Document    body {       margin: 0px;       margin-top: 10px;       padding: 0px;    }    nav {   ... Read More

JavaScript ArrayBuffer.isView()

AmitDiwan

AmitDiwan

Updated on 06-May-2020 12:37:53

213 Views

The ArrayBuffer.isView() method tells us if the passed parameter value is an ArrayBuffer view or not.Following is the code for ArrayBuffer.isView() method −Example Live Demo Document body {    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .sample {    font-size: 20px;    font-weight: 500; } ... Read More

JavaScript ArrayBuffer.byteLength property

AmitDiwan

AmitDiwan

Updated on 06-May-2020 12:35:34

119 Views

The byteLength property return the length of an ArrayBuffer in byte. Following is the code for ArrayBuffer.byteLength property −Example Live Demo Document body {    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .sample {    font-size: 20px;    font-weight: 500; } JavaScript ... Read More

Advertisements