HTML（三）— 綜合實例

前面對HTML一些概念和基本標籤進行了介紹，所以我們對HTML也有了初步的瞭解，下面我們需要對以前的知識進行簡單的總結，筆者仍然是做了一個簡單的例子，來供讀者簡單的學習。

實例代碼

註冊頁面

<form name="register" action="success.html" method="post">
    <h3>註冊賬號</h3>
    <hr/>
    <table bgcolor="aqua">
        <tr>
            <td>暱稱：</td>
            <td><input type="text" name="username"></td>
        </tr>
        <tr>
            <td>密碼：</td>
            <td><input type="text" name="password"></td>
        </tr>
        <tr>
            <td>確認密碼：</td>
            <td><input type="text" name="confPassword"></td>
        </tr>
        <tr>
            <td>性別：</td>
            <td>
                <input type="radio" name="sex" value="man" checked>男
                <input type="radio" name="sex" value="woman">女
            </td>
        </tr>
        <tr>
            <td>興趣：</td>
            <td>
                <input type="checkbox" name="football" value="football">足球
                <input type="checkbox" name="basketball" value="basketball" checked>籃球
                <input type="checkbox" name="pingpang" value="pingpang">乒乓球
            </td>
        </tr>
        <tr>
            <td>家庭住址：</td>
            <td>
                <select name="country">
                    <option>中國</option>
                    <option>美國</option>
                    <option>加拿大</option>
                </select>
                <select name="province">
                    <option>河北</option>
                    <option>山東</option>
                    <option>河南</option>
                </select>
                <select name="country">
                    <option>石家莊</option>
                    <option>保定</option>
                    <option>廊坊</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>照片:</td>
            <td><input type="file"></td>
        </tr>
        <tr>
            <td>個人簡介：</td>
            <td>
                <textarea name="description" rows="3" cols="30">請輸入~~</textarea>
            </td>
        </tr>
        <tr>
            <td><input type="submit" value="註冊"></td>
            <td><input type="reset" value="重置"></td>
        </tr>
    </table>
</form>

成功頁面

<h1>註冊成功</h1>

實例特效

註冊頁面

成功頁面