<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en""http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>表单</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
</head>
<body>
    <form action="" method="">
        <h2>修改个人信息</h2>
        <table width="500">
            <tr>
                <td width="70" height="35">姓名:</td>
                <td width="180"><input type="text" value="mary"/></td>
            </tr>
            <tr>
                <td height="35">姓名:</td>
                <td width="180">
                    <input type="radio" id="rexFemal" name="sex" checked/>
                    <label for="rexFemal">女士</label>
                    <input type="radio" id="rexMal" name="sex"/>
                    <label for="rexMal">男士</label>
                </td>
            </tr>
            <tr>
                <td height="35">学历:</td>
                <td>
                    <select>
                        <option>其它</option>
                        <option>专科</option>
                        <option>本科</option>
                        <option>硕士及以上</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td valign="top">个人描述:</td>
                <td width="280">
                    <textarea cols="30" rows="5"></textarea>
                </td>
            </tr>
            <tr>
                <td height="35"></td>
                <td>
                    <input type="checkbox" id="chkPublic"/>
                    <label for="chkPublic">不要公开我的个人信息</label>
                </td>
            </tr>
            <tr>
                <td height="35"></td>
            <td>
                <input type="submit" value="保存"/>
                <input type="reset" value="重写"/>
            </td>
        </tr>
    </table>
</form>
</body>
</html>
效果如图:

 

posted on 2017-06-07 14:35  两枝梅  阅读(127)  评论(0编辑  收藏  举报