表格 

<!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" xml:lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>网页标题</title>
    <meta name="keywords" content="关键字列表" />
    <meta name="description" content="网页描述" />
    <link rel="stylesheet" type="text/css" href="" />
    <style type="text/css"></style>
    <script type="text/javascript"></script>
</head>
<body>
    <form action='index.php' method='post'>
    <table border='1' align='center' cellspacing='0'  width='300'>
        <tr>
            <td colspan='2'><h3 align='center' >信息登记表</h3></td>
            
        </tr>
        <tr bgColor='F0F0F0'>
            <td width='90' align='center'>姓名</td>
            <td><input type="text" name="user"/></td>
        </tr>
        <tr>
            <td align='center'>性别</td>
            <td>
                <input type="radio" name="user"  value='先生' checked='checked'/>男
                <input type="radio" name="user"  value='小姐'/>女
            </td>
        </tr>
        <tr bgColor='F0F0F0'>
            <td align='center'>爱好</td>
            <td>
                <input type='checkbox' name='看电影' checked='checked'/>看电影
                <input type='checkbox' name='听音乐'/>听音乐
                <input type='checkbox'name='旅游'/>旅游
            </td>
        </tr>
        <tr>
            <td align='center'>月薪</td>
            <td><input type='text' name='user'>RMB</td>
        </tr>
        <tr bgColor='F0F0F0'>
            <td align='center'>国籍</td>
            <td  align='center'>
                <select name='edu'>
                    <option value='中国'>中　　国</option>
                    <option value='美国'>美　　国</option>
                </select>
            </td>
        </tr>
        <tr>
            <td align='center'>备注</td>
            <td><textarea rows='3'></textarea></td>
        </tr>
        <tr>
            <td colspan='2' align='center'><input type='button' value='提交信息'/>　<input type='button' value='重置'/></td>
        </tr>
    </table>
    </form>
</body>
</html>

效果图:

 

posted on 2016-11-29 00:04  KDKB  阅读(152)  评论(1)    收藏  举报