zoukankan      html  css  js  c++  java
  • HTML——使用表格对表单进行布局





    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>使用表格对表单进行布局</title>
    </head>
    
    <body>
    	<form action="#" method="post">
        	<table width="450" border="0" bgcolor="#000000" cellspacing="1" cellpadding="2"><!--cellspacing指相邻单元格之间的间距。cellpadding指控制单元格内部文字与边框的边距-->
            <tbody>
            	<tr height="30">
                	<td colspan="2" align="center" bgcolor="#CCCCCC"><font size="5">用户注冊</font></td>
                </tr>
                <tr height="30">
                	<td width="150" align="right" bgcolor="#E6E6E6">username</td>
                    <td width="300" bgcolor="#E6E6E6">
                    	<input type="text" name="UserName" maxlength="20" size="15" /></td>
                </tr>
                <tr height="30">
                	<td align="right" bgcolor="#E6E6E6">密码</td>
                    <td bgcolor="#E6E6E6">
                    	<input name="UserPass" type="password" size="15" maxlength="20" /></td>
                </tr>
                <tr height="30">
                	<td align="right" bgcolor="#E6E6E6">反复密码</td>
                    <td bgcolor="#E6E6E6">
                    	<input name="UserPass" type="password" size="15" maxlength="20" /></td>
                </tr>
                <tr height="30">
                	<td align="right" bgcolor="#E6E6E6">性别</td>
                    <td bgcolor="#E6E6E6">
                    	<input name="sex" type="radio" value="男" checked="checked" />男
                        <input name="sex" type="radio" value="女" />女
                    </td>
                </tr>
                <tr height="30">
                	<td align="right" bgcolor="#E6E6E6">爱好</td>
                    <td bgcolor="#E6E6E6">
                    	<input name="like" type="checkbox" value="1" />足球
                        <input name="like" type="checkbox" value="2" />篮球
                        <input name="like" type="checkbox" value="3" />乒乓球
                    </td>
                </tr>
                <tr height="30">
                	<td align="right" bgcolor="#E6E6E6">省份</td>
                    <td bgcolor="#E6E6E6">
                    	<select name="province">
                        	<option>陕西省</option>
                            <option>山东省</option>
                            <option>山西省</option>
                            <option>河北省</option>
                            <option>河南省</option>
                            <option>湖南省</option>
                            <option>湖北省</option>
                            <option>黑龙江省</option>
                            <option>其它</option>
                       </select>
                    </td>
                </tr>
                <tr height="30">
                	<td align="right" bgcolor="#E6E6E6">自我介绍</td>
                    <td bgcolor="#E6E6E6">
                    	<textarea name="Intro" cols="40" rows="5" id="Intro"></textarea></td>
                </tr>
                <tr height="30">
                	<td align="center" colspan="2" bgcolor="#CCCCCC">
                    	<input type="submit" name="send" value="提交" />
                        <input type="reset" name="reset" value="重置" />
                    </td>
                </tr>
            </tbody>
            </table>
    	</form>
    </body>
    </html>
    
    






  • 相关阅读:
    sqlParameter的两种写法 以及存储过程还有sql语句(防注入)
    SqlServer2005 SQL Server 版本变更检查 警告
    禁用自带防火墙
    sql分页
    每个程序员都必须遵守的编程原则
    在PDA设备上安装SQL Server Compact
    Mcrosoft SQL Server 自定义函数
    程序员人生之路(转)
    在windows 7 上为 sqlserver 2008 启用远程访问
    在PDA设备上安装和部署 SQL Server Compac 3.5(官方版)
  • 原文地址:https://www.cnblogs.com/bhlsheji/p/5182221.html
Copyright © 2011-2022 走看看