1.今日任務：美化了登入頁面

2.核心程式碼和效果圖：

效果圖：

對頁面文字框驗證寫了長度限制和不能為空提示，和直接跳轉去註冊的頁面：

部分程式碼：

<h3>歡迎使用H+車輛管理系統</h3>
            <form class="m-t" action="Login" method="post">
                <div class="form-group m-b-20">
                    <input type="text" class="form-control" placeholder="
 
使用者名稱" required="" name="username">
                </div>
                <div class="form-group m-b-20">
                    <input type="password" class="form-control" placeholder="密碼" required="" name="password">
                </div>
                <div class="form-group
 
">
                </div>
                <div class="form-group">
                    <input type="submit" value="登入" class="btn btn-primary block full-width m-b" />
                </div>
                <p class="text-muted text-center">
                    <a href="
 
login.html#"><small>忘記密碼了？</small></a> | <a href="register.html">註冊一個新賬號</a>
                </p>
            </form>

使用了bootstrap自適應螢幕的樣式來完成，優化使用者登入視覺體驗。

3.遇到的問題

①在設定文字框樣式的時候和模版頁的樣式有衝突，無法實現效果

4.解決的方案

① 在模板頁中篩選出需要的樣式，刪除掉不需要的樣式，避免衝突。

除了有點廢時間，沒有其他毛病。