HTML-注冊頁面 212

用table布局和表單元素編寫一個注冊頁面

1)注冊頁面

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>注冊登錄頁面</title>
</head>
<body>
    <form action="http://www.bd.com/register.aspx" method="get">
        <table cellpadding="5" cellspacing="0" width="380" height="300">
            <tr>
                <td>用戶名:</td>
                <td><input name="txtName" /></td>
            </tr>
            <tr>
                <td>密 碼:</td>
                <td><input type="password" name="txtPwd" /></td>
            </tr>
            <tr>
                <td>選擇省:</td>
                <td>
                    <select name="SS">
                        <option value="HN" selected="selected">河南</option>
                        <option value="HB">河北</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>性 別:</td>
                <td><input type="radio" name="rd" value="1" />男<input type="radio" name="rd" value="0" />女</td>
            </tr>
            <tr>
                <td colspan="2">
                    <fieldset>
                        <legend>興趣愛好</legend>
                        <input name="interest" type="checkbox" value="ppq" />乒乓球
                        <input name="interest" type="checkbox" checked="checked" value="ts" />跳水
                        <input name="interest" type="checkbox" value="pq" />排球
                    </fieldset>
                </td>
            </tr>
            <tr>
                <td colspan="2" align="middle">
                    <h3>注冊免責協議</h3>
                    <textarea cols="50" rows="3" readonly="readonly">  **提醒您：在使用**搜索引擎（以下簡稱**）前，請您務必仔細閱讀并透徹理解本聲明。您可以選擇不使用**，但如果您使用**，您的使用行為將被視為對本聲明全部內容的認可。
                            鑒于**以非人工檢索方式、根據您鍵入的關鍵字自動生成到第三方網頁的鏈接，除**注明之服務條款外，其他一切因使用**而可能遭致的意外、疏忽、侵權及其造成的損失（包括因下載被搜索鏈接到的第三方網站內容而感染電腦病毒），**對其概不負責，亦不承擔任何法律責任。
                            任何通過使用**而搜索鏈接到的第三方網頁均系他人制作或提供，您可能從該第三方網頁上獲得資訊及享用服務，**對其合法性概不負責，亦不承擔任何法律責任。
                            **搜索結果根據您鍵入的關鍵字自動搜索獲得并生成，不代表**贊成被搜索鏈接到的第三方網頁上的內容或立場。
                            您應該對使用搜索引擎的結果自行承擔風險。**不做任何形式的保證：不保證搜索結果滿足您的要求，不保證搜索服務不中斷，不保證搜索結果的安全性、正確性、及時性、合法性。因網絡狀況、通訊線路、第三方網站等任何原因而導致您不能正常使用**，**不承擔任何法律責任。
                    </textarea>
                </td>
            </tr>
            <tr>
                <td colspan="2" align="middle">
                    <input type="submit" value="注冊" />      
                    <input type="reset" />
                </td>
            </tr>
        </table>
    </form>
</body>
</html>

action:指定提交到服務器的哪個程序處理,比如asp.net的一般處理程序等

method:提交的方式1)post隱式提交,比較安全 2)get顯示提交如下圖所示

select:selected="selected"與checkbox的checked="checked"表示默認選中項

textarea:rows與cols表示此文本框內容要顯示的行數與列數

注冊頁面;網址信息自己測試

家好，今天給大家介紹一款，JavaScript+css實現的動畫過渡特效注冊頁面html模板（圖1）。送給大家哦，獲取方式在本文末尾。

圖1

非常酷炫的動畫跳轉過渡效果（圖2）

圖2

代碼完整，需要的朋友可以下載學習（圖3）

圖3

本源碼編碼：10192，需要的朋友，訪問下面鏈接后，搜索10192，即可獲取。

「鏈接」

要從零開始開發一個開源項目，這個項目的目的很簡單：新人可以練手，一步一步搭建項目，把時下流行的技術整合進來，在用這些技術的特性來實現具體業務功能，而對于有經驗的老鳥可以把自學的技術在項目中得以實踐。

在這里插入圖片描述

琢磨了挺長時間，前段時間工作比較忙、家中事情也比較多，導致最近才著手弄。

感興趣的同學可以關注一波，項目進度可能會緩慢，但腳步絕不會停止

作為一個后端程序員，雖然平時也會做一些管理后臺的頁面，可那都是本著能用就行的原則，美觀都是次要的。但項目要對外開源這可是門面，不美美噠多沒面子，所以選一個酷炫的頁面模板成了首要任務，選了10個模板出來，大伙給參謀下。

源碼獲取方式：關注轉發之后私信回復【源碼】來免費獲取到這10個后臺模板源碼

在線咨詢

上一篇：性能測試YSLOW前端調優23大規則（八）-JavaScript和CSS置于外部
下一篇：記Prism實現文章代碼高亮

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。