表單實例

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>我的表單網頁</title>
</head>
<body>
    <h2 align="center" style="font-family: 微軟雅黑; color: #FF00FF">
        用戶註冊表單</h2>
    <form action="HTMLPage1.htm" method="get">
    <div align="center">
    <fieldset style="width: 600px">
        <legend>創建你的郵箱</legend>
        <table align="center">
            <tr>
                <td>
                    選擇你的用戶名:
                </td>
                <td>
                    <input id="Text1" type="text" name="userName" />
                </td>
            </tr>
            <tr>
                <td>
                    密碼:
                </td>
                <td>
                    <input id="Password1" type="password" name="password"/>
                </td>
            </tr>
            <tr>
                <td>
                    再次輸入密碼:
                </td>
                <td>
                    <input id="Password2" type="password" name="password"/>
                </td>
            </tr>
            <tr>
                <td>
                    姓名:
                </td>
                <td>
                    <input id="Text2" type="text" name="Name"/>
                </td>
            </tr>
            <tr>
                <td>
                    性別:
                </td>
                <td>
                    男<input id="Radio1" type="radio" name="sex" value="boy" checked="checked" />
                    女<input id="Radio2" type="radio" name="sex" value="gril" />
                </td>
            </tr>
        </table>
    </fieldset>
    <fieldset style="width: 600px">
        <legend>密碼保護信息</legend>
        <table align="center">
            <tr>
                <td>
                    密碼保護問題:
                </td>
                <td>
                    <select id="Select1" name="passwordqustion">
                        <option>我的中學名稱?</option>
                        <option>我的大學名稱?</option>
                        <option>我的小學名稱?</option>
                        <option>我的故鄉?</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    答案:
                </td>
                <td>
                    <input id="Password3" type="password" name="answer"/>
                </td>
            </tr>
            <tr>
                <td>
                    生日:
                </td>
                <td>
                    <input id="Text3" type="text" value="19" maxlength="4" style="width: 40px" name="year"/>年<select
                        id="Select2" name="month">
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                        <option>6</option>
                        <option>7</option>
                        <option>8</option>
                        <option>9</option>
                        <option>10</option>
                        <option>11</option>
                        <option>12</option>
                    </select>月<input id="Text5" type="text" maxlength="2" style="width: 40px" name="day"/>日
                </td>
            </tr>
            <tr>
                <td>
                    郵箱:
                </td>
                <td>
                    <input id="Text4" type="text" name="e-mail"/>
                </td>
            </tr>
        </table>
    </fieldset>
    <input id="Submit1" type="submit" value="註冊新用戶" />
    </div>
    </form>
</body>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章