“Formulir Popup HTML” Kode Jawaban

Formulir Popup HTML


<html>
<body>


<p>Here we use the prompt() method for Popup Forms</p>

<button onclick="popupfunction()">Click</button>

<p id="popup"></p>

<script>
function popupfunction() {
  let person = prompt("Please enter your name", "");
  if (person != null) {
    document.getElementById("popup").innerHTML =
    "Hello " + person + "!";
  }
}
</script>

</body>
</html>
Thomas coder

HTML Popup

<!---Source https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=&cad=rja&uact=8&ved=2ahUKEwi_9fra1In4AhWSi1wKHVv9DYgQFnoECAkQAQ&url=https%3A%2F%2Fwww.w3schools.com%2Fhowto%2Fhowto_js_popup.asp&usg=AOvVaw3rwwTiE5ErlsOMP1mJdRCL --->

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
/* Popup container - can be anything you want */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}
</style>
</head>
<body style="text-align:center">

<h2>Popup</h2>

<div class="popup" onclick="myFunction()">Click me to toggle the popup!
  <span class="popuptext" id="myPopup">A Simple Popup!</span>
</div>

<script>
// When the user clicks on div, open the popup
function myFunction() {
  var popup = document.getElementById("myPopup");
  popup.classList.toggle("show");
}
</script>

</body>
</html>
Button

Formulir Popup JavaScript

<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#editCat">
  Launch demo modal
</button>

<div class="modal"  id="editCat"  >
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content" >
            <div class="modal-header">
             <!--head-->
            </div>
            <div class="modal-body"  >
                <form #editform="ngForm" id="editform" (ngSubmit)="onEditFormSubmit(editform)">
                    <div class="form-group">
                        <label for=""><h4 style="color:  #124f67;">Catagory Name: </h4></label>

                        <input required type="text" id="edit" ngModel name="name" placeholder="Change Catagory Name" class="form-control">
                        <button class="btn "  type="button" (click)="addSubCatagory()">Add_Sub_Catagory</button>          
                    </div>
                    
                </form>

                
            </div>
            
        </div>
    </div>
</div>
Farwa Miraj

Jawaban yang mirip dengan “Formulir Popup HTML”

Pertanyaan yang mirip dengan “Formulir Popup HTML”

Lebih banyak jawaban terkait untuk “Formulir Popup HTML” di HTML

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya

Shell/Bash
C#
C++
C
CSS
HTML
Java
JavaScript
Objective-C
PHP
Python
Sql
Swift
Ruby
TypeScript
Go
Kotlin
Assembly
R
VBA
Scala
Rust
Dart
Elixir
Clojure
Haskell
Matlab
Erlang
Cobol
Fortran
Scheme
Perl
Groovy
Lua
Julia
Delphi
Abap
Lisp
Prolog
Pascal
ActionScript
Basic
Solidity
PowerShell
GDScript
Excel