Hướng dẫn tạo Modal Box với HTML, CSS và Javascript - Giao diện
RUN
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div class="container"> <h2>Freetuts.net hướng dẫn tạo Modal Box</h2> <!-- Button đăng nhập để mở form đăng nhập --> <button id="myBtn">Đăng Nhập</button> <!-- The Modal --> <div id="myModal" class="modal"> <!-- Nội dung form đăng nhập --> <div class="modal-content"> <form action="#"> <span class="close">×</span> <h2>Form đăng nhập</h2> <div class="fomrgroup"> <b>UserName:</b> <input type="text" name="username"> </div> <div class="fomrgroup"> <b>PassWord:</b> <input type="passWord" name="passWord"> </div> <div class="fomrgroup"> <button>Đăng nhập</button> </div> </form> </div> </div> </div> </body> </html>
PHÓNG TO