表单实例

<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>

posted @ 2013-12-13 14:24  慧明法师  阅读(115)  评论(0编辑  收藏  举报