easyui表单网格列错位_《HTML5从入门到精通》——第3章 HTML表格与表单
《HTML5从入门到精通》
◎千锋教育高教产品研发部/编著
(清华大学出版社出版)
目 录
第3章 HTML表格与表单............................................................... 1
3.1 HTML表格................................................................................. 1
3.1.1 表格基本结构........................................................................ 1
3.1.2 表头与标题............................................................................ 1
3.1.3 表格语义化............................................................................ 1
3.1.4 合并行与列............................................................................ 1
3.1.5 单元格边距与间距................................................................ 1
3.1.6 表格其它属性........................................................................ 1
3.1.7 总结........................................................................................ 1
3.2 HTML表单............................................................................. 5
3.2.1
标签........................................................................ 2
3.2.2 标签....................................................................... 9
3.2.3 标签 ................................................................12
3.2.4 标签..................................................................... 12
3.2.5 标签....................................................................... 12
3.2.6 总结...................................................................................... 12
3.3 本章小结................................................................................... 5
3.4 习题........................................................................................... 5
第3章 HTML表格与表单
本章学习目标
掌握HTML表格的基本使用
掌握HTML表单的基本使用
了解前端与后端如何交互与通信
表格主要用途是以网格的形式显示二维数据，HTML早期版本中，常用表格来控制页面的内容布局，表单是HTML中获取用户输入的手段。它对于Web应用系统极其重要。表单的出现则使网页从单向的信息传递发展到能够与用户进行交互对话。本章将对表格的和表单的相关知识进行详细讲解。
3.1 HTML表格
生活中，经常使用表格来统计数据和信息，能更清晰地显示数据或信息，同理在在制作网页时 为了有条理的显示网页中的元素，可以使用表格对网页进行布局和规划，可以给浏览者展示大量且清晰的排列数据，表格在网页中应用的及其广泛，下面先来看下网页中表格的展现，如图3.1、图3.2所示。
图3.1 网页中表格展示效果
图3.2 网页中表格展示效果
3.1.1 表格基本结构
每个表格有三个必须的标签，
三个标签，用来创建表格，其语法格式如下。
…… |
上面三个标签是创建表格的基本标签，其中
标签用于定义一个表格。标签用于定义表格中的一行，必须嵌套在标签中，在标签中包含几对，表示该表格有几行。标签用于定义表格中的单元格，必须嵌套在标签中，一对包含几对，表示该行中有多少个单元格(列)。
接下来通过案例来演示定义表格标签，如例3-1所示。
1
2
3
4
5
HTML表格
6
7
8
9
10
单元格1
11
单元格2
12
13
14
单元格1
15
单元格2
16
17
18
19
运行结果如图3.3所示。
图3.3 表格标签展示效果
表格内除了可以添加文本外，还可以添加其它标签元素，如：图片、列表、段落等。接下来通过案例来演示，如例3-2所示。
1
2
3
4
5
HTML表格
6
7
8
9
10
11
今天天气晴，温度适宜，适合出行。
12
13
14
15
今天有雨，出门记得带伞。
16
17
18
19
运行结果如图3.4所示。
图3.4 带图片和段落的表格展示效果
例3-1和例3-2中默认情况下表格没有边框，如果想要给表格添加边框，可以设置表格的border属性，数值为边框的宽度。接下来通过案例来演示，如例3-3所示。
1
2
3
4
5
HTML表格
6
7
8
9
10
11
今天天气晴，温度适宜，适合出行。
12
13
14
15
今天有雨，出门记得带伞。
16
17
18
19
运行结果如图3.5所示。
图3.5 带边框的表格展示效果
3.1.2 表头与标题
为了使表格的格式更清晰方便读者查阅，应用表格时经常需要为表格设置表头，表头
是单元格的一种标题，其本质还是一种单元格，一般位于表格的第一行或第一列，用来表明这一行或列的内容类别。浏览器会将表头默认以粗体居中的样式显示在网页中。接下来通过案例来演示表格的表头，如例3-4所示。
1
2
3
4
5
表头与标题
6
7
8
9
10
天气现象
11
出行情况
12
13
14
15
今天天气晴，温度适宜，适合出行。
16
17
18
19
今天有雨，出门记得带伞。
20
21
22
23
运行结果如图3.6所示。
图3.6 带表头的表格展示效果
标签和在本质上都是单元格，但这两种不可以互换使用。th，即“table header(表头单元格)”。而td，即“table data(单元格)”。
表格一般都有一个标题，用来表明表格的内容，一般位于整个表格的第一行，使用
标签。一个表格只能含有一个表格标题。接下来通过案例来演示表格标题，如例3-5所示。
1
2
3
4
5
表头与标题
6
7
8
9
天气预报
10
11
天气现象
12
出行情况
13
14
15
16
今天天气晴，温度适宜，适合出行。
17
18
19
20
今天有雨，出门记得带伞。
21
22
23
24
运行结果如图3.7所示。
图3.7 带标题的表格展示效果
3.1.3 表格语义化
为了使网页内容更好的被搜索引擎理解，在使用表格进行布局时，HTML中引入了、
和这三个语义化标签，用来将表格划分为头部、主体和页脚三部分。用这三个部分来定义网页中不同的内容，三个标签的详细理解如下。
标签：用于定义表格的头部，位于
标签中，一般包含网页的logo和导航等头部信息。
- 标签：用于定义表格的页脚，位于标签中标签之后，一般包含网页底部的企业信息等。
- 标签：用于定义表格的主体，位于标签中标签之后，一般包含网页中除头部和底部以外的其他内容。
接下来通过案例来演示表格语义化的三个标签，如例3-6所示。
1
2
3
4
5
表格语义化
6
7
8
9
天气预报
10
11
12
天气现象
13
出行情况
14
15
16
17
18
19
今天天气晴，温度适宜，适合出行。
20
21
22
23
今天有雨，出门记得带伞。
24
25
26
27
28
29
30
运行结果如图3.8所示。
图3.8 语义化的表格展示效果
由例3-6可以发现，语义化表格效果上并没有什么变化，、
和三个标签不带任何效果，只是更好提供了语义化的功能，根据表格的需求尽量添加相应的语义化标签。需要注意、这两个标签在一个
3.1.4 合并行与列
在word中设计表格时，有时需要将两个或多个的相邻单元格组合成一个单元格，即合并单元格的操作。在HTML中，也需要用到“表格合并行”和“表格合并列”。 合并行使用
标签的rowspan属性，而合并列则用到标签的colspan属性。接下来通过案例来演示表格合并列，如例3-7所示。
1
2
3
4
5
合并行与列
6
7
8
9
天气预报
10
11
12
日期
13
天气现象
14
出行情况
15
16
17
18
19
22日星期五
20
白天
21
22
今天天气晴，温度适宜，适合出行。
23
24
25
22日星期五
26
夜间
27
28
今天有雨，出门记得带伞。
29
30
31
32
33
34
35
运行结果如图3.9所示。
图3.9 和并列的表格展示效果
例3-7中，第12行设置colspan属性值为2用来合并表格中的两列单元格。接下来通过案例来演示合并行，如例3-8所示。
1
2
3
4
5
合并行与列
6
7
8
9
天气预报
10
11
12
日期
13
天气现象
14
出行情况
15
16
17
18
19
22日星期五
20
白天
21
22
今天天气晴，温度适宜，适合出行。
23
24
25
夜间
26
27
今天有雨，出门记得带伞。
28
29
30
31
32
33
34
运行结果如图3.10所示。
图3.10 和并行的表格展示效果
可以看到，第19行设置rowspan属性值为2，即合并表格中的两行单元格。
3.1.5 单元格边距与间距
表格还有用于控制单元格边距与间距的属性，即cellpadding和cellspacing属性，cellpadding属性用于设置单元格内容与单元格边框之间的空白间距，默认为1px.，cellspacing属性用于设置单元格与单元格边框之间的空白间距，默认为2px。接下来通过案例来演示cellpadding属性，如例3-9所示。
1
2
3
4
5
单元格边距与间距
6
7
8
9
10
单元格1
11
单元格2
12
13
14
单元格1
15
单元格2
16
17
18
19
运行结果如图3.11所示。
图3.11 cellpadding属性展示效果
例3-9中，第8行将cellpadding属性设置为30，即单元格内容和单元格边框之间的空白间距为30。
接下来通过案例来演示cellspacing属性，如例3-10所示。
1
2
3
4
5
单元格边距与间距
6
7
8
9
10
单元格1
11
单元格2
12
13
14
单元格1
15
单元格2
16
17
18
19
运行结果如图3.12所示。
图3.12 cellspacing属性展示效果
例3-10中，第8行将cellspacing属性设置为30，即单元格与单元格之间的距离为30。
3.1.6 表格其他属性
HTML为表格提供了一系列的属性，用于控制表格的显示样式，除上面
表3.1
接下来将详细介绍表3.1中的属性
1. width属性
width属性可以设置单元格的宽度，当一列有多个不同width属性值时，取最大值作为这一列的宽度。接下来通过案例来演示width属性，如例3-11所示。
1
2
3
4
5
表格其他属性
6
7
8
9
10
单元格1
11
单元格2
12
13
14
单元格1
15
单元格2
16
17
18
19
运行结果如图3.13所示。
图3.13 带宽度值的表格展示效果
2. height属性
height属性可以设置单元格的高度，当一行有多个不同height属性值时，取最大值作为这一行的高度。接下来通过案例来演示height属性，如例3-12所示。
1
2
3
4
5
表格其他属性
6
7
8
9
10
单元格1
11
单元格2
12
13
14
单元格1
15
单元格2
16
17
18
19
运行结果如图3.14所示。
图3.14 带高度值的表格展示效果
3. align属性
align属性可以设置单元格的内容左右对齐方向，
标签的align属性默认为center，标签的align属性默认为left。
1
2
3
4
5
表格其他属性
6
7
8
9
10
单元格1
11
单元格2
12
13
14
单元格1
15
单元格2
16
17
18
19
运行结果如图3.15所示。
图3.15 带左右对齐的表格展示效果
4. valign属性
valign属性可以设置单元格的内容垂直对齐的方向，默认为center(居中对齐)。接下来通过案例来演示valign属性的使用，如例3-14所示。
1
2
3
4
5
表格其他属性
6
7
8
9
10
单元格1
11
单元格2
12
13
14
单元格1
15
单元格2
16
17
18
19
运行结果如图3.16所示。
图3.16 带上下对齐的表格展示效果
到此已经学习了HTML表格的常用标签与属性，如果想要做出一些更加漂亮或是更多需求的表格，还需要配合CSS才能来完成，这里不作讲解，后续章节中会详细介绍如何来实现效果。
1.2 HTML表单
表单时网页中常用的一种展示效果，如登录页面中的用户名和密码的输入、登录按钮等都是用表单相关的标签定义的。表单是HTML中获取用户输入的手段，它的主要功能是收集用户的信息，并将这些信息传递给后台服务器，实现网页与用户的交流。本节将详细讲解表达使用，先来观察微博登录、注册页面表单的展示效果，如图3.17所示。
图3.17 微博登录、注册展示效果
HTML中，一个完整的表单通常由表单元素、提示信息和表单域3个部分组成，为了让初学者理解这三个部分，下面将详细介绍这三个部分。
表单元素：包含表单的具体功能项，如文本输入框、下拉列表框、复选框、密码输入框、登录按钮等。
提示信息：表单中通常还需包含一些说明性的文字，提示用户要进行的操作。
表单域：用来容纳表单控件和提示信息，可以通过它定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。如果未定义表单域，表单中的数据就无法传送到后台服务器。
表单元素是表单的核心，常用的表单元素如表3.2所示。
表3.2 表单元素
这里先简单了解常用的表单元素，后面的小节将详细讲解。
3.2.1 标签
为了实现网页与用户的交流，需要让表单中的数据传送给后台服务器，就必须定义表单域。定义表单域用
表单元素和提示信息
接下来通过案例来演示
标签的简单使用，如例3-15所示。
1
2
3
4
5
HTML表单
6
7
8
9 姓名:
10 性别： 男女
11
12
13
14
运行结果如图3.18所示。
图3.18 form标签展示效果
由图3.19可以看出，
标签默认并没有什么效果，当输入完姓名和选择完性别后，点击提交按钮，就可以把填写好的数据提交给后台服务器，服务器经过处理后存储进网站的数据库，这样数据就可以得到保存。
HTML表单将数据发送给后台服务器，用到
的action、method、enctype和target属性，下面详细了解这几个属性。
1. action属性
action属性用来定义表单数据的提交地址，即一个URL。HTML表单要想和后台服务器进行连接，就需要在action属性上设置一个URL。比如两人打电话，双方要通话就必须要知道对方的电话号码，URL就相当于电话号码。action属性用于指定接收并处理表单数据的服务器的URL地址。示例如下：
表示提交表单时，表单数据会传送到qianfeng_action.asp的页面处理。
action属性值 可以是相对路径或绝对路径，还可以为接收数据的E-mail邮箱地址。示例如下：
表示提交表单时，表单数据以电子邮件的形式传递出去。
2. method属性
method属性用来定义表单数据的提交方式，常用的有get(默认)和post两种方式。提交方式类似于通信方式，可以打电话、发短信或发邮件。一般情况下，获取一些数据用get方式，这种方式提交的数据将显示在浏览器的地址栏中，保密性差，且有数据量的限制。Post方式的保密性好，而且无数据量的限制，使用method=”post”可以大量提交数据。
3. enctype属性
enctype属性用来定义表单数据的提交内容形式，常用的有application/x-www-form-urlencoded(默认)和multipart/form-data两种方式。提交内容可以是网页中的文本，也可以是图片或视频等非文本的内容，因此需要对enctype属性选择不同的设置。
4. target属性
target属性用来定义提交地址的打开方式，常用的有_self(默认)和_blank两种方式。打开方式可以选择当前页打开，也可以在新页面打开，
标签中的target属性跟标签中的target属性一样，这里不再赘述。
接下来通过案例来演示
标签的四个常用属性，如例3-16所示。
1
2
3
4
5
HTML表单
6
7
8
9 target="_blank">
10 姓名:
11 性别： 男女
12
13
14
15
运行结果如图3.19所示。
图3.19 form标签展示效果
例3-16中这些属性并没有做过多的解释与演示，对后端有一定的了解后，才能更好的掌握
标签的属性，这里先了解这些属性，学习一些后端知识后，这些内容就非常容易理解。
3.2.2 标签
网页中经常会包含有单行文本框、单选按钮、复选框、提交按钮等，要想定义这些表单元素需要使用标签，其基本语法格式如下。
标签通过type属性取值不同可以展示不同的表单类型，其属性值如表3.3。
表3.3中列出了type属性的取值及含义，下面将分别讲解这些属性。
1.text、password
text值用来展示单行文本框，password值用来展示密码文本框，一般使用在登录界面，接下来通过案例来演示这两个属性值，如例3-17所示。
1
2
3
4
5
HTML表单
6
7
8
9 用户名:
10 密码：
11
12
13
运行结果如图3.20所示。
图3.20 text、password展示效果
可以往输入框内输入内容，password值中的字符会被做掩码处理(显示为星号或实心圆)。如图3.21所示。
图3.21 text、password输入展示效果
2.radio、checkbox
radio值用来展示单选框，checkbox值用来展示复选框，一般在调查问卷中使用，接下来通过案例来演示这连个属性，如例3-18所示。
1
2
3
4
5
HTML表单
6
7
8
9 性别:男
10 女
11 爱好：音乐
12 体育
13 舞蹈
14
15
16
运行结果如图3.22所示。
图3.22 radio、checkbox展示效果
例3-18中，第9行、10行单选框加了一个name属性，并且两个单选框中的name属性值相同，目的是让多个单选框之间建立关系，这样就可以对单选框进行切换操作，因此在属性值为单选框时一定要加name属性，否则单选框不能切换状态。可以选择单选框和复选框，其效果如图3.23所示。
图3.23 radio、checkbox展示效果
3.button、submit、reset
button值用来设置普通按钮，submit值用来设置提交按钮，rest值用来设置重置按钮。接下来通过案例来演示这三个属性值，如例3-19所示。
1
2
3
4
5
HTML表单
6
7
8
9
10
11
12
13
14
运行结果如图3.24所示。
图3.24 button、submit、reset展示效果
例3-19中，第9行、第10行和第11行中的value属性的作用是设置按钮上文本的内容。
普通按钮没有任何行为，常用于在用户点击按钮时启动JavaScript程序。提交按钮可以看成一种具有特殊功能的普通按钮，单击提交按钮可以实现将表单内容提交给后台服务器处理。重置按钮也可以看成一种具有特殊功能的普通按钮，单击重置按钮可以清除用户在页面表单中输入的信息。接下来通过案例来演示这三个按钮的展示效果，如例3-20所示。
1
2
3
4
5
HTML表单
6
7
8
9
10
11
12
13
14
15
运行结果如图3.25所示。
图3.25 button、submit、reset展示效果
点击普通按钮时，会弹出一个对话框，里面的内容为hello。点击提交按钮，会跳转到data.php页面(需要了解后端技术才可理解)。当往输入框中输入一些内容，然后在点击重置按钮，发现内容被清空。
4.hidden
hidden值用于隐藏那些知识往后台服务器发送一些数据，但又不影响页面布局的表单控件。接下来通过案例来演示hidden属性值，如例3-21所示。
1
2
3
4
5
HTML表单
6
7
8
9
10
11
12
13
运行结果如图3.26所示。
图3.26 hidden展示效果
第9行type属性值设置为hidden，隐藏域在网页中并没有显示出来，点击提交按钮，就可以把value=”男”提交给data.php这个后台服务器。
5.image
image值用来设置图像形式的按钮，src属性用来引入图像的地址，目的是替换submit的默认样式，从而达到更加美观的展示。接下来通过案例来演示image属性值，如例3-22所示。
1
2
3
4
5
HTML表单
6
7
8
9
10
11
12
13
14
运行结果如图3.27所示。
图3.27 image展示效果
6.file
file值用来设置文件上传的按钮，文件上传是网站中常见的功能，例如网盘文件上传和邮箱文件上传。设置file值时，
标签的method属性必须设置成post，enctype属性必须设置成multipart/form-data。接下来通过案例来演示file值，如例3-23所示。
1
2
3
4
5
HTML表单
6
7
8
9
10 enctype="multipart/form-data">
11
12
13
14
运行结果如图3.28所示。
图3.28 file展示效果
网页中经常能看到一些漂亮的上传按钮，这些按钮都是通过CSS来实现的，后面的章节将会详细讲解。
标签除了type属性，还有一些常用的属性，如表3.4。
表3.4 标签其他属性
表3.4中列出了标签中其他常用的属性，下面进行详细讲解。
1.name、value属性
name属性用来规定input元素的名称，value属性用来规定input元素的值。在前面的案例中，已经接触过name和value这两个属性，其中name值和value值配合成一对来使用，这样后台服务器就可以通过name值来找到对应的value值。这里只需了解name和value这两个属性是为后台服务器提供即可。接下来通过案例来演示这两个属性，如例3-24所示。
1
2
3
4
5
HTML表单
6
7
8
9 姓名：
10 性别：男
11 女
12
13
14
运行结果如图3.29所示。
图3.29 name、value属性展示效果
2.maxlength属性
maxlength属性规定输入内容允许的最大字符数，如设置maxlength属性，则输入控件不会接受超过所允许字符数。接下来通过案例来演示maxlength属性，如例3-25所示。
1
2
3
4
5
HTML表单
6
7
8
9 最多输入10个字符
10
11
12
运行结果如图3.30所示。
图3.30 maxlength属性展示效果
3.disabled、readonly属性
disabled属性规定输入内容是禁用的，被禁用的元素是不可用和不可点击的。readonly属性规定输入内容为只读(不能修改，但是能获取当前只读的内容)。接下来通过案例来演示这两个属性，如例3-26所示。
1
2
3
4
5
HTML表单
6
7
8
9
10
11
12
13
14
运行结果如图3.31所示。
图3.31 disable、readonly属性展示效果
4.checked属性
checked属性规定在页面加载时应该被预先选定的input元素。checked属性与或配合使用。接下来通过案例来演示checkd属性，如例3-27所示。
1
2
3
4
5
HTML表单
6
7
8
9 性别：男
10 女
11 爱好：音乐
12 体育
13 舞蹈
14
15
16
运行结果如图3.32所示。
图3.32 checked属性展示效果
在后面H5章节中，还会学习标签新的type属性值和标签其他新的属性，本节只对input中常用的元素进行讲解。
3.2.3 标签
单行文本框只能输入一行信息，而多行文本框可以输入多行信息。多行文本框使用的是标签，而标签只能设置单行文本框。接下来通过案例来演示标签，如例3-28所示。
1
2
3
4
5
HTML表单
6
7
8
9 多行文本框内容
10
11
12
运行结果如图3.33所示。
图3.33 textarea标签展示效果
例3-29中，rows属性可以设置多行文本框的行数，cols属性可以设置多行文本框的列数。这样就可以定义多行文本框的尺寸，更好的办法是使用 CSS 的 height 和 width 属性来定义多行文本输入框的宽高。
3.2.4 标签
网页中经常会看到包含多个选项的下拉菜单，如选择城市、日期、科目、校区选择等。HTML中用标签设置下拉列表，其需要与标签配合使用，这个特点和列表一样，如无序列表是由
- 标签和
- 标签配合使用。为了更好理解，可以把下拉列表看作一个特殊的无序列表。
下拉列表是一种最节省页面空间的选择方式，因为在正常状态下只显示一个选项，单击下拉菜单打开菜单后才会看到全部的选项。接下来通过案例来演示标签，如例3-29所示。
1
2
3
4
5
HTML表单
6
7
8
9
10 HTML
11 CSS
12 JavaScript
13 PHP
14
15
16
17
运行结果如图3.34所示。
图3.34 selelct标签点开展示效果
和其他标签一样，标签也有其常用的属性，如表3.5。
表3.5 type属性取值
1.multiple属性
multiple属性可以设置多选下拉列表，默认下拉列表只能选择一项，而设置multiple属性后就可以选择多项了(使用“Ctrl+鼠标左键”进行多选操作)。接下来通过案例来演示multiple属性，如例3-30所示。
1
2
3
4
5
HTML表单
6
7
8
9
10 HTML
11 CSS
12 JavaScript
13 PHP
14
15
16
17
运行结果如图3.35所示。
图3.35 multiple属性展示效果
2.size属性
size属性可以设置下拉列表可见选项的数目，默认情况下单选下拉菜单显示一项。接下来通过案例来演示size属性，如例3-31所示。
1
2
3
4
5
HTML表单
6
7
8
9
10 HTML
11 CSS
12 JavaScript
13 PHP
14
15
16
17
运行结果如图3.36所示。
图3.36 size属性展示效果
3.selected属性
selected属性表示选中项，跟单选框的checked属性类似，注意selected属性是设置到标签上的。接下来通过案例来演示selected属性，如例3-32所示。
1
2
3
4
5
HTML表单
6
7
8
9
10 HTML
11 CSS
12 JavaScript
13 PHP
14
15
16
17
运行结果如图3.37所示。
图3.37 selected属性展示效果
标签中使用标签进行分组项操作，把相关的选项组合在一起。标签的label属性来设置分组项的标题。接下来通过案例来演示标签，如例3-33所示。
1
2
3
4
5
HTML表单
6
7
8
9
10
11 HTML
12 CSS
13 JavaScript
14 >
15
16 PHP
17 JAVA
18
19
20
21
22
运行结果如图3.38所示。
图3.38 optgroup标签展示效果
3.2.5 标签
标签用来辅助表单元素，可以更好的提高用户体验。当用户选择标签内文本进行点击时，会自动将焦点转到和标签相关的表单控件上。接下来通过案例来演示，如例3-34所示。
1
2
3
4
5
HTML表单
6
7
8
9 性别：
10 男
11
12 女
13
14
15
运行结果如3.39所示。
图3.39 label标签展示效果
当点击标签中的文本(男、女)，也可以对单选框进行切换，用户体验得到提升。其中标签中的for属性值一定要和标签中的id属性值相同才能找到对应控件。
3.3 本章小结
通过本章的学习，能够掌握HTM表格和HTML表单的基本使用，了解前端与后台服务器之间如何交互与通信。至此的HTML部分的讲解基本完成，
3.4 习 题
1. 填空题
(1) 创建表格必备的三个标签为 ______、______、______ 。
(2) 为表格添加边框，需要设置的属性为______。
(3) ______用于创建表格的标题。
(4) valign属性可以设置单元格的内容 ______ 的方向。
(5)表单由______ 、______ 、______ 三个部分组成。
2.选择题
(1) 在HTML 中，下列的哪个可以产生单选框( )。
A． B．
C． D．
(2) 下列的HTML中哪个可以产生文本域？( )。
A． B．
C． D．
(3) 以下元素不是table元素子元素的有( )。
A．
B．
C． D．
(4) 以下标签不能体现表格语义化的是( )。
A．
B．
C．
D．
(5) 以下标签中作用与
标签类似的是( )。
A．
C． D．
3.思考题
(1) 请简述标签的作用？
(2) 请简述标签中multiple属性的作用？
easyui表单网格列错位_《HTML5从入门到精通》——第3章 HTML表格与表单相关推荐
- HTML5从入门到精通（千锋教育）免费电子版+PDF下载
本书是HTML5初学者极好的入门教材之一,内容通俗易懂.由浅入深.循序渐进.本书内容覆盖全面.讲解详细,其中包括标签语义化.标签使用规范.选择器类型.盒模型.标签分类.样式重置.CSS优化.Photo ...
- 《html5 从入门到精通》读书笔记（一）
今天看了<html5 从入门到精通>这本书,感觉阅读下来很舒心,不像阅读其他书籍很揪心.html增加的知识点,我觉得非常有价值,看完几章记录了一些内容,不但能巩固,也为下次遗忘知识点做好准 ...
- html5从基础到入门,Html5从入门到精通系列2：Html5基础
Html5从入门到精通系列2:Html5基础 (2015-04-04 11:36:53) 标签: html5 html5教程 html5视频教程 html5从入门到精通 2-1.1.HTML5简介.M ...
- Excel数据分析从入门到精通（十五）数据透视表之动态仪表盘
Excel数据分析从入门到精通(十五)数据透视表之动态仪表盘 1.绘制销售额汇总情况 2.绘制种类销售额情况+种类销售额占比 种类销售额情况 种类销售占比 3.绘制地区销售额情况和地区销售额占比 地区 ...
- Excel数据分析从入门到精通（十五）数据透视表基础
Excel数据分析从入门到精通(十五)数据透视表 1.Excel透视表前言 2.Excel透视表的创建 3.Excel透视表的组成 4.Excel透视表的十大技巧 ①如何创建汇总行 ②如何展示百分比 ...
- HTML5从入门到精通(明日科技) 中文pdf扫描版
HTML5从入门到精通(明日科技) 中文pdf扫描版
- HTML5从入门到精通，零基础学员必看
学习html5从入门到精通,零基础新手也能看懂,无论你是唱歌,画画的艺术生,还是学习机械专业的工科生,或者大学读的文学学科.先了解HTML5可以实现的功能有哪儿些? 1. HTML5可以同时在多种设备 ...
- mysql 主表某一列 小于某一个表的两列之和_关于MySQL索引知识与小妙招
1.1 索引的优点 大大减少了服务器需要扫描的数据量,加快数据库的检索速度 帮助服务器避免排序和临时表 将随机io变成顺序io 1.2 索引的用处 速查找匹配WHERE子句的行 从considerat ...
- z390 黑苹果启动盘_黑苹果从入门到精通：K39小钢炮黑苹果实践
本内容来源于@什么值得买SMZDM.COM|作者:唐少游 本来从第三篇开始是基于一台没有任何参考的电脑,逐步逐步从零开始给大家展示黑苹果优化修复过程,可惜在第五篇结束后OC Formula主板损坏了, ...
最新文章
- archlinux 开机自动连接wifi
- jsf按钮响应事件_如何从JSF获取JSON响应？
- Zabbix触发器和监控项设置时间范围.
- 计算机视觉实战(四）图像形态学操作
- HPlaserjet1020打印机无法识别
- java性能调优_Java性能调优常用手段
- Android视频媒体播放器
- Linux学习简单教程和常用命令（小白学习法）
- 模拟信号与数字信号的本质区别
- 17-统一网关Gateway
- IJCAI 2022奖项公布：3篇杰出论文，南加大、耶拿大学等机构在列
- 这可能是最全最好的BLAST教程
- tcl电视linux软件升级,【高清范】TCL电视升级刷机常见问题大汇总！
- YOLOv5基础知识点——卷积神经网络
- WebLogic：WTC在DEBUG模式下日志打印过程分析
- php安全新闻早八点-Microdoor-第一季
- 十三个大数据学习网站
- Java计算文件的hash值
- 机器学习笔记2-Supervised Learning
- ubuntu虚拟化技术OpenVZ