随堂小计，与更新无关 

<!DOCTYPE html>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
    <form method="post" action="http://www.baidu.com">
        <table width="400px" border="1px">
            <tr>
                <td align="right" width="50%">用户名：</td>
                <td>
                    <input type="text" name="userid" placeholder="请输入用户名" />
                </td>
            </tr>
            <tr>
                <td align="right">密码：</td>
                <td><input type="password" name="pwd" value="" /></td>
            </tr>
            <tr>
                <td align="right">昵称：</td>
                <td><input type="text" name="nickname" placeholder="请输入昵称" /></td>
            </tr>
            <tr>
                <td align="right">验证码：</td>
                <td><input type="text" name="satid" placeholder="验证码" /><input type="image" src="1.gif.gif" width="20px" /></td>
            </tr>
            <tr>
                <td><input align="right" />性别</td>
                <td>
                    <input id="r1" type="radio" name="sex" value="1" />
                    <label for="1">男</label>
                    <input id="r2" type="radio" name="sex" value="0" />
                    <label for="0">女</label>
                </td>
            </tr>
            <tr>
                <td align="right">爱好</td>
                <td>
                    <input id="buy" name="buy" type="checkbox" value="1" />
                    <label for="buy">购物</label><br />
                    <input id="net" name="net" type="checkbox" value="1" />
                    <label for="net">上网</label><br />
                    <input id="ali" name="ali" type="checkbox" value="1" />
                    <label for="ali">上网购物</label>
                </td>
            </tr>
        </table>
    </form>
</body>
</html>

 

无标题文档

用户名：
密码：
昵称：
验证码：
性别
爱好

 

posted @ 2016-12-23 08:45  君陌丶  阅读(177)  评论(0)  编辑  收藏  举报