Membuat Password Login Pada Script Html

Holaa!! pada artikel kali ini aku akan membahas perihal cara gampang menciptakan script html password login dikala melaksanakan refresh pada halaman yang akan dibuka oleh user nantinya, cocok digunakan pada halaman blogger atau digunakan dalam hal lainnya, simak tutorial dibawah ini.

Baca juga : cara menghapus virus redirect browser

Sekilas perihal html, html mempunyai artian yaitu hypertext markup language yang sering digunakan dalam hal menciptakan halaman web, menampilkan info pada website dan sebagainya, html ditulis dalam format berkas ascii semoga sanggup mampu digunakan untuk menampilkan halaman web yang terintegrasi secara otomatis.

Tampilan password

Script html password popup

<style> #protect { position:relative; position:fixed!important; z-index:+100000000000000000000000000000; top:0;left:0;width:100%;height:100%; background:rgba(0,0,0,.4); display:flex; visibility:visible; opacity:100; transition:1s; } #protect.hide { visibility:hidden; opacity:0; } #protect .prompt { display:block; max-width:250px; padding:20px; background:#fff; margin:auto; border-radius:4px; box-shadow:0 0 0 8px rgba(0,0,0,.1); } #protect .prompt a { color:#4285F4; text-decoration:none; } #protect .prompt input, #protect .prompt button { outline:none; display:block; border:none; background:#f6f6f6; padding:10px; } #protect .prompt input { border:1px solid #dedede; } #protect .prompt button { margin: 10px 0; background:#4285F4; color:#fff; width:100%; text-align:center; } } </style> <form action="" id="protect"> <div class="prompt"> <b>Maaf,</b> Akses dibutuhkan!<br /> <br /> <input class="pw" placeholder="Kata sandi.." required="" type="password" /> <button> Masuk › </button> </div> </form>

Penjelasan

Untuk cara menjalankannya kau cukup melaksanakan copy script diatas dan paste pada halaman website atau script html yang telah anda buat sebelumnya, silahkan ganti goresan pena inipasswordnya pada script diatas sesuai selera anda, enjoy, hehe.

Penutup

Oke cukup sekian dari aku perihal tutorial cara menciptakan password login tampilan show popup hidangan pada script html, semoga pembahasan ini berkhasiat serta bermanfaat bagi banyak orang dan terimakasih telah berkunjung di website softwaretempur.

Bagikan Artikel ini