今天我們來做個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">
但是圖片出來長這樣!!
發現太大了對吧~
那我們讓他變小一點
所以我們可以在標籤後面再加上width="200" height="200"
限制圖片的寬度與高度在200*200上面
結果就會長這樣
有沒有變小了許多,接下來我們在下面給他一個提示告訴使用者
你登入失敗嘞!<H3>你登入失敗嘞!</H3>
這樣就可以達成我們要的效果
然後過五秒之後就會導向回到我們的登入頁面,這樣我們的FailLogin.html就完成啦!