web界面 之 登陸 (初稿)

web登陸通常注意如下幾點：

1）擁有元素：用戶名，密碼（密碼字符顯示與隱藏功能），登陸按鈕，忘記密碼連接（忘記用戶名連接），註冊連接

2）用戶體驗：

•頁面顯示，光標默認停在第一個輸入框 利用html5的 autofocus屬性實現

•密碼默認以....顯示，利用input標籤的 type="password"實現

•點擊登陸按鈕後，利用ajax技術先驗證用戶名是否存在，密碼是否正確，不正確要有合理的提示；正確才能進行頁面跳轉

•禁掉css後 表單仍然顯示比較好的格式

 

<fieldset id="login">
        <legend>後臺登陸系統</legend>
        <form>
            <p>
                <label>用戶名
                    <input name="name" class="name" type="text" id="name" value="" autofocus="autofocus"  />
                </label>
            </p>
            <p>
                <label>密&#12288;碼
                    <input name="password" class="password" type="password" id="password" value="" />
                </label>
            </p>
            <p id="warning" class="warning"></p>
            <p>
                <input type="button" id="submitBtn" class="button" value="登陸"/>
            </p>
        </form>
    </fieldset>