表单实例

来源:互联网 发布:做组织结构图软件 编辑:程序博客网 时间:2024/06/07 02:03
<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>

0 0