iT邦幫忙

第 11 屆 iT 邦幫忙鐵人賽

DAY 5
0
Modern Web

"您收到來自PHPの加菜便當"系列 第 5

[DAY5]登入系統製作_Part2

今天我們來做個FailLogin.html的畫面,
當我們登入失敗時,我們應該要出現登入失敗的畫面,
並且在幾秒之後將網頁導回到登入的畫面!
這裡我們可以用HTML的refresh meta重新導向到需要的網站

<meta http-equiv="refresh" content="(需要等待?秒跳轉) ; url=(需要導向的網址)"/>

然後要大大的寫著登入失敗的畫面給使用者看!
我們可以加上一張禁止的圖片
<img src="https://cdn.pixabay.com/photo/2016/03/31/18/31/dialog-1294429_960_720.png">
但是圖片出來長這樣!!
發現太大了對吧~
https://ithelp.ithome.com.tw/upload/images/20190921/20108017f7eGSECcve.png
那我們讓他變小一點
所以我們可以在標籤後面再加上width="200" height="200"
限制圖片的寬度與高度在200*200上面
結果就會長這樣
https://ithelp.ithome.com.tw/upload/images/20190921/20108017y2XQwocNQS.png
有沒有變小了許多,接下來我們在下面給他一個提示告訴使用者
你登入失敗嘞!
<H3>你登入失敗嘞!</H3>
這樣就可以達成我們要的效果
https://ithelp.ithome.com.tw/upload/images/20190921/20108017jCqbyevxSe.png
然後過五秒之後就會導向回到我們的登入頁面,這樣我們的FailLogin.html就完成啦!


上一篇
[DAY4]登入系統製作_Part1
系列文
"您收到來自PHPの加菜便當"5

尚未有邦友留言

立即登入留言