web-HTML-表格和表单

最新推荐文章于 2022-10-17 22:12:25 发布

glenzhang(ty)

最新推荐文章于 2022-10-17 22:12:25 发布

阅读量518

点赞数 3

分类专栏：笔记文章标签： html

本文链接：https://blog.csdn.net/qdzjo/article/details/108836169

版权

本文介绍了HTML中的表格和表单元素。对于表格，详细讲解了table、th、tr和td标签及其各种属性，包括对齐方式、背景颜色、边框宽度等。而对于表单，重点阐述了form标签及input组件的多种类型，如text、password、radio、checkbox等，还提到了表单提交的方式和组件状态控制属性。

摘要由CSDN通过智能技术生成

HTML-表格、表单

1.表格
基本构成标签
1.table标签：表格标签
属性：align 规定表格相对周围元素的对齐方式。
值：left、center、right
属性：bgcolor 规定表格的背景颜色。
值：rgb(x,x,x)、#xxxxxx、colorname
属性：border 规定表格边框的宽度。
值：pixels
属性：cellpadding 规定单元边沿与其内容之间的空白。
值：pixels、%
属性：cellspacing 规定单元格之间的空白。
值：pixels、%
属性：width 规定表格的宽度。
值：pixels、%
2.th标签：定义表格内的表头单元格。
属性：align 规定表格相对周围元素的对齐方式。
值：left、center、right
属性：valign 规定单元格内容的垂直排列方式。
值：top、middle、bottom
属性：bgcolor 规定表格的背景颜色。
值：rgb(x,x,x)、#xxxxxx、colorname
属性：border 规定表格边框的宽度。
值：pixels
属性：cellpadding 规定单元边沿与其内容之间的空白。
值：pixels、%
属性：cellspacing 规定单元格之间的空白。
值：pixels、%
属性：width 规定表格的宽度。
值：pixels、%
3.tr标签：标签定义 HTML 表格中的行。
属性：align 规定表格行相对周围元素的对齐方式。
值：left、center、right
属性：valign 规定表格行内容的垂直排列方式。
值：top、middle、bottom
属性：bgcolor 规定表格行的背景颜色。
值：rgb(x,x,x)、#xxxxxx、colorname
属性：colspan 规定单元格可横跨的列数。
值：number
属性：rowspan 规定单元格可横跨的行数。
值：number
4.td标签：
属性：align 规定单元格相对周围元素的对齐方式。
值：left、center、right
属性：valign 规定单元格内容的垂直排列方式。
值：top、middle、bottom
属性：bgcolor 规定单元格的背景颜色。
值：rgb(x,x,x)、#xxxxxx、colorname
属性：colspan 规定单元格可横跨的列数。
值：number
属性：rowspan 规定单元格可横跨的行数。
值：number
注：使用colspan和rowspan时记得删除多余的单元格。
例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title></title>
		
	</head>
	<body>
		
		<table border="1" cellpadding="10" cellspacing="0" width="50%"  height="100">
			<caption>学生信息</caption>
			<tr>
				<td>姓名</td>
				<td>性别</td>
				<td>年龄</td>
			</tr>
			<tr>
				<td>张三</td>