标签:表格 用户注册 常见 边框 width 用于 nbsp
一,常见标签:
1.thead 用于定义表格头部
2.tdody 用于表格的主体
3.tr 行列表
4.td 行内元素(列)
5.tfoot 用于定义表格底部
6.th 头部加粗
二 边框的属性:
1.border 边框 height,width(可以设置高和宽的大小),对齐方式align
2.bgcolor 背景颜色
3.background 背景图片
4.cellpadding 表格边距
5.cellspacing 表格间距
3.单元格
1.colspan 水平方向合并的是列
2.rowspan 垂直方向合并的是行
4.普通表格的嵌套:
<table width="xxx" border="1">
<tr>
<td> </td>
<td>
<table width="100" border="1" align="center">
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</td>
</tr>
</table>
五、表格和表单的结合
列子如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>用户注册</title>
</head>
<body>
<strong>
<table align="center" >
<form action="" method="post">
<tr align="center" bgcolor="#C0C0C0">
<th colspan="2">用户注册</th>
</tr>
<tr bgcolor="#DDDDDD">
<th width="90" align="right">用户名</th>
<td width="170"><input type="text" name="UserName" style="width:100px"></td>
</tr>//style="width:100px"作用:设置文本框的长度大小
<tr bgcolor="#DDDDDD">
<th width="90" align="right">密码</th>
<td width="170"><input type="password" name="UserPassword" style="width:100px" required="UserPassword" ></td>
</tr>
<tr bgcolor="#DDDDDD">
<th width="90" align="right">性别</th>
<td width="170"><input type="radio" value="男" name="gender" checked="">男
<input type="radio" value="女" name="gender">女</td>
</tr>
<tr bgcolor="#DDDDDD">
<th width="90" align="right">爱好</th>
<td width="170"><input type="checkbox" value="写作" name=" like">写作
<input type="checkbox" value="写作" name=" like">听音乐
<input type="checkbox" value="写作" name=" like">体育</td>
</tr>
<tr bgcolor="#DDDDDD">
<th width="90" align="right">省份</th>
<td><select style="width:70px">
<option value="北京省" name="province">北京省</option>
<option value="上海省" name="province">上海省</option>
<option value="陕西省" name="province" selected="">陕西省</option>
<option value="四川省" name="province">四川省</option>
<option value="重庆省" name="province">重庆省</option>
<option value="河北省" name="province">河北省</option>
</select></td>
</tr>
<tr bgcolor="#DDDDDD">
<th width="90" align="right">自我介绍</th>
<td width="170"><textarea name="intro" cols="25" rows="5" >这个家伙什么也没留
下</textarea> </td>
</tr>
<tr align="center" bgcolor="#C0C0C0">
<td colspan="2">
<input type="submit" name="send" value="提交">
<input type="reset" name="reset" value="重置"> </td>
</tr>
</form>
</table>
</strong>
</body>
</html>
标签:表格,用户注册,常见,边框,width,用于,nbsp 来源: https://blog.csdn.net/mangyandashou/article/details/120239552
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。