---
# System prepended metadata

title: Untitled

---

HW3 釣魚網站
復刻的釣魚網站對象是巴哈姆特
![](https://hackmd.io/_uploads/HJwoFTAUh.png)
程式碼 html
```

<!DOCTYPE html>
<html lang="zh-Hant-TW">

<head>
    <meta charset="UTF-8">
    <title>會員登入頁 - 巴哈姆特</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <meta name="description" content="華人最大動漫及遊戲社群網站，提供 ACG 每日最新新聞、熱門排行榜，以及豐富的討論交流空間，還有精采的個人影音實況、部落格文章。">
    <meta name="thumbnail" content="https://i2.bahamut.com.tw/bahaLOGO_1200x630.jpg">
    <meta property="og:site_name" content="巴哈姆特電玩資訊站">
    <meta property="og:description" content="華人最大動漫及遊戲社群網站，提供 ACG 每日最新新聞、熱門排行榜，以及豐富的討論交流空間，還有精采的個人影音實況、部落格文章。">
    <meta property="og:image" content="https://i2.bahamut.com.tw/bahaLOGO_1200x630.jpg">
    <link href="https://i2.bahamut.com.tw/apple-touch-icon.png" rel="apple-touch-icon">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Teko:300,400">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="css/index_top.css?v=1663318940">
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/basic.css?v=1685505281">
    <link rel="stylesheet" href="css/user_login.css?v=1636012708">
    <link rel="stylesheet" href="css/plugins/tippy-theme-light-6.2.7.css">
    <link rel="stylesheet" href="css/plugins/tippy-scale-extreme.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" defer></script>
    <script src="js/plugins/dialogify.min.js?v=1671433606" defer></script>
    <script src="js/plugins/js.cookie-2.1.4.js" defer></script>
    <script src="https://i2.bahamut.com.tw/js/login.js?v=1678174200" defer></script>
    <script src="https://www.google.com/recaptcha/enterprise.js" defer></script>
    <script>
        window.addEventListener('DOMContentLoaded', function () {
            if (bahamut && bahamut.cmd && bahamut.cmd.length) {
                bahamut.cmd.forEach(f => f());
                bahamut.cmd = { push: f => f() };
            }
        });
    </script>
    <script>window.bahamut = window.bahamut || {}; window.bahamut.cmd = [];</script>
</head>

<body><!--全站內頁天-->
    <div class="TOP-bh">
        <div class="TOP-data" id="BH-top-data"><a href="https://www.gamer.com.tw/"><img
                    src="https://i2.bahamut.com.tw/top_logo.svg" style="height:35px;"></a></div>
    </div><!--全站內頁天結束-->
    <div class="user-login_container">
        <div class="item-card box-shadow__fromabove" id="loginFormDiv" style="display:none">
            <div class="header-img"><img src="https://i2.bahamut.com.tw/logo/baha_logo_horizontal.svg"></div>
            <h5>會員登入</h5>
            <form id="form-login" method="post"><input type="text" class="form-control" name="userid" placeholder="帳號"
                    autocomplete="username" required pattern="^[A-Za-z][A-Za-z0-9]{1,11}$" maxlength="12">
                <div class="password-box"><input type="password" spellcheck="false" class="form-control" name="password"
                        placeholder="密碼" autocomplete="current-password" required maxlength="22"><a href="#"
                        onclick="loginPage.passwordChangeType(this);"><i class="material-icons">visibility</i></a></div>
                <div class="inline-flex width-full">
                    <ul class="check-box">
                        <li>
                            <div class="check-group"><input id="check-saveid" type="checkbox" checked><label
                                    for="check-saveid" class="is-active">
                                    <div class="label-icon"><i class="fa fa-check"></i></div>
                                    <h6>記住帳號</h6>
                                </label></div>
                        </li>
                        <li>
                            <div class="check-group"><input id="check-autologin" type="checkbox" name="autoLogin"
                                    value="T" checked><label for="check-autologin" class="is-active">
                                    <div class="label-icon"><i class="fa fa-check"></i></div>
                                    <h6>保持登入狀態</h6>
                                </label></div>
                        </li>
                    </ul><a id='btn-switch-problem' class="caption-text" href="#">登入有問題嗎？</a>
                </div><input type="hidden" name="alternativeCaptcha"
                    value="02e97134e68a3809bd441716b9372d8ee1748ce8b16e035f647fe9db">
                <div class="width-full item-title" style="display:none">
                    兩步驟驗證
                </div><input id="input-2sa" type="tel" class="form-control" name="twoStepAuth" placeholder="請輸入六碼數字"
                    inputmode="numeric" pattern="^[0-9]{6}$" maxlength="6" style="display:none">
                <div class="width-full caption-text red msgdiv-remind" style="margin-top:10px;display:none;"></div>
                <div class="width-full"><a id="btn-login-cancel" href="###" class="btn width-full"
                        style="display:none;margin-right:2px;">取消</a><a id="btn-login"
                        class="btn background__color-primary width-full" href="#"
                        onclick="alert('詐欺遊戲!!!');">登入</a></div>
            </form>
            <div class="caption-text red margin-bottom msgdiv-alert" style="display: none"></div>
            <div class="width-full caption-text text-center">還沒有帳號嗎？
                <a id="btn-switch-register" href="#">我要註冊</a>
            </div>
            <div class="line-text-box">
                <hr>
                <div class="caption-text">使用其他帳號輕鬆登入</div>
                <hr>
            </div>
            <div class="btn-box"><a href="#" data-platform="google"><img
                        class="share-icon icon-line" src="icon/btn-icon_Google.svg"></a><a
                    href="#" data-platform="line"><img class="share-icon icon-line"
                        src="icon/share-icon_line.svg"></a><a href="#"
                    data-platform="microsoft"><img class="share-icon icon-line"
                        src="icon/btn-icon_Microsoft.svg"></a><a href="#"
                    data-platform="apple"><img class="share-icon icon-line"
                        src="icon/btn-icon_Apple.svg"></a></div>
        </div>
        <div class="item-card box-shadow__fromabove" id="chooseIdFormDiv" style="display:none">
            <div class="header-img"><img src="logo/baha_logo_horizontal.svg"></div>
            <form id="form-chooseId" method="post">
                <div class="width-full item-title">以下方帳號註冊巴哈姆特會員</div><input type="text"
                    class="form-control text-color-primary" name="userid" placeholder="帳號" autocomplete="off"
                    pattern="^[A-Za-z][A-Za-z0-9]{3,11}$" title="限英數字 4~12 字，須英文開頭">
                <div class="caption-text margin-bottom">可自行輸入帳號</div>
                <div class="width-full item-title">以下方暱稱註冊巴哈姆特會員</div><input type="text"
                    class="form-control text-color-primary" name="nick" placeholder="暱稱" autocomplete="off">
                <div class="caption-text margin-bottom">可自行輸入暱稱</div>
                <div class="width-full item-title">出生西元年份</div><input type="number" class="form-control" name="year"
                    placeholder="YYYY，ex.1995" autocomplete="off" min="1931" max="2014">
                <div class="caption-text margin-bottom">此欄位為非必填，填寫有助站方提供更好的服務</div>
                <div class="caption-text red margin-bottom msgdiv-alert" style="display: none"></div><a
                    id="btn-chooseId" class="btn background__color-primary width-full" href="###">註冊</a>
                <div class="caption-text red text-center">注意：註冊後不提供更改帳號服務</div>
            </form>
        </div>
        <script>
            bahamut.cmd.push(function () {
                var returnPage = "https:\/\/www.gamer.com.tw\/";
                var idToken = '';
                var state = '';
                loginPage.initPage(returnPage, 'login', idToken, state);
            });
        </script>
        <div id="BH-footer" class="width-full">
            <p>本站所刊載之圖文內容等版權皆屬原廠商或原作者所有，非經同意請勿轉載<br>
                巴 哈 姆 特 電 玩 資 訊 站 https://www.gamer.com.tw
            </p>
        </div>
    </div>
</body>

</html>


```