Found 37 Questions For HTML

Create Minion Eyes Toggle using Pure CSS

Updated on 16-Mar-2023 20:12:46
Hello Friends, In this tutorial we will learn how to create minion eyes toggle. This is pure CSS implementation of a Minion switch button that toggles the eyes of the Minion. When the switch button is toggled on, the Minion's eyes change from their default position to a "reverse" position, and the text "X" appears in the button. When the switch button is toggled off, the Minion's eyes return to their default position, and the text "✓" appears in the button. The HTML code includes two instance... Read More

Create Page Reload Button Using JavaScript

Updated on 12-Mar-2023 14:07:49
Hello Friends, In this tutorial we will learn to create a page reload button using JavaScript by adding an event listener to a button element that triggers the location.reload() method when clicked. Here is an example code:HTML:<button id="reloadButton">Reload Page</button>JavaScript:const reloadButton = document.getElementById("reloadButton");reloadButton.addEventListener("click", () => {  location.reload();});In this code, we first select the button element using the docume... Read More

Create Beautiful Login Page Using HTML and JS

Updated on 12-Mar-2023 13:04:37
Hello Friend, In this tutorial we will learn to create beautiful login page using HTML and JavaScript:HTML:<!DOCTYPE html><html><head> <title>Beautiful Login Page</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="style.css"></head><body> <div class="container"> <form class="login-form" action="" method="post"> <h2>Login&... Read More

Create OTP Code Verification Form in HTML CSS & JavaScript

Updated on 01-Mar-2023 19:22:17
Hello Friends, In this tutorial we will learn how to create OTP Code Verification Form in HTML CSS & JavaScript and Check Enter OTP is valid or not valid using JavaScript. Html Code :<!DOCTYPE html><html>  <head>    <title>OTP Code Verification Form</title>    <style>      * {        box-sizing: border-box;      }      body {        font-famil... Read More

How to echo HTML in PHP ?

Updated on 29-Jan-2023 13:18:02
While making a web application with PHP, we often need to print or echo few results in form of HTML. We can do this task in many different ways. Some of methods are described here:1. Using echo or print: PHP echo or print can be used to display HTML markup, javascript, text or variables.Example 1: This example uses PHP echo to display the result.<?php     $name = "Codegyan";    echo "<h1>Hello User, </h1> <p>Welcome to {$name}</p>";?>Output:... Read More

Html Boilerplate

Updated on 25-Jan-2023 10:04:08
<!DOCTYPE html><html lang="en"><head>  <title>Hello, world!</title>  <meta charset="UTF-8" />  <meta name="viewport" content="width=device-width,initial-scale=1" />  <meta name="description" content="" />  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">  <link rel="stylesheet" type="text/css" href="style.css" />  <meta na... Read More

how to create a QR Code Generator in HTML CSS & JavaScript.

Updated on 31-Jul-2022 10:00:17
Hey Everyone, today in this tutorials, you’ll learn how to create a QR Code Generator in HTML CSS & JavaScript. In the earlier blog, I have shared how to Create A Todo List App in HTML CSS & JavaScript and now it’s time to make a QR Code Generator in JavaScript. QR (Quick Response) codes are capable of storing lots of data, and users can easily access the information by scanning the QR code. In my QR Code Generator app, users can enter a text or URL to generate a QR code for it. It... Read More

Create A Todo List App in HTML CSS & JavaScript

Updated on 13-Mar-2022 15:42:30
Hey guys, today in this tutorial, you’ll learn how to create a Todo List App in HTML CSS & JavaScript. I have already written two tutorials on Todo App in JavaScript, but these todos have limited features only. So, I have created a new todo app, and it has additional features than the previous todo list. In this todo app, you can easily add, edit, or delete your task. There are filters button too that helps you to filter the tasks. The tasks you added on this todo app will be stored in th... Read More

How to Highlight Searched Text Using JavaScript

Updated on 21-Jan-2022 13:29:25
Hello Everyone, In this tutorial you'll learn how to highlight searched text using HTML & JavaScript. In the previous tutorials we shared Count Up / Count Down Animation With Javascript. Now, its time to create highlight searched text using js. If we want to highlight the text in the Html document using the <mark> tag, then we have to follow the steps which are given below. Using these steps, we can easily highlight the text. Highlight Searched Text Using JavaScript with Source Code ... Read More

How to create Multi Tags Input Box in HTML CSS & JavaScript

Updated on 16-Jan-2022 20:29:27
Hey Everyone, today in this tutorial, you’ll learn How to create an Add Tags Input Box in HTML CSS & JavaScript. In the previous tutorial, I have shared How to Detect Browser in JavaScript and now it’s time to create Multi Tags Input Box. A tags input is a user interface (UI) component for the user that allows the user to add or insert multiple entries as tags into an input field. In this Multu Tags Input in JavaScript project, as you can see on the webpage, there is an input box with s... Read More
1 2 3 4 Next



Advertisements

ads