中软实习——day3总结

表格 表单 html5

创建表格

    ...
  
  ...

  

    
单元格内的文字

在上面的语法中包含三对HTML标签，分别为

、、，他们是创建表格的基本标签，缺一不可

1.table 用于定义一个表格
2.tr 是定义表格中的一行，必须嵌套在table标签内，table中包含几对tr就有几行表格
3.td 就是单元格，必须嵌套在tr标签内，tr有几个td就表示有几个单元格(就是几列)

注意

tr 中只能嵌套 td
td下可以有任意元素

表格标题

   
我是表格标题

caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。

合并单元格(难点)

跨行合并：rowspan 跨列合并：colspan合并单元格的思想： 将多个内容合并的时候，就会有多余的东西，把它删除。 例如 把 3个 td 合并成一个， 那就多余了2个，需要删除。 公式： 删除的个数 = 合并的个数 - 1 合并的顺序 先上 先左

总结表格
1.html提供的表格是数据的方法
2.表格由行中的单元格组成
3.表格没有列元素，列的个数由单元格个数决定
4.表格不要纠结外观，css来管

表单标签(掌握)

表单控件：
包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。 提示信息： 一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作。
表单域：
他相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过他定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。如果不定义表单域，表单中的数据就无法传送到后台服务器。

input 控件(重点)

单标签 br，hr，input

属性	属性值	描述
type	text	单行文本输入框
	password	密码输入框
	radio	单选按钮
	checkbox	多选按钮
	button	普通按钮
	submit	提交按钮
	reset	重置按钮
	image	图像形式的提交按钮
	file	文件域
name	由用户自定义	控件的名称
value	由用户自定义	input控件中的默认值
size	正整数	控件在页面中显示的宽度
checked	checked	定义选择控件中默认被选中的项
maxlength	正整数	控件允许输入的最大字符数

在上面的语法中，标签为单标签，type属性为其最基本的属性，其取值有多种，用于指定不同的控件类型。除了type属性之外，标签还可以定义很多其他的属性，其常用属性如下表所示。

label标签

label 标签为 input 元素定义标注（标签）。作用： 用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点如何绑定元素呢？for 属性规定 label 与哪个表单元素绑定

下拉菜单

使用select控件定义下拉菜单的基本语法格式如下注意：中至少应包含一对。在option 中定义selected =" selected "时，当前项即为默认选中项。

HTML5新标签与特性

新增的input type属性值：

类型	使用示例	含义
email		输入邮箱格式
tel		输入手机号码格式
url		输入url格式
number		输入数字格式
search		搜索框（体现语义化）
range		自由拖动滑块
time		小时分钟
date		年月日
datetime		时间
month		月年
week		星期 年

常用新属性

属性	用法	含义
placeholder		占位符 当用户输入的时候 里面的文字消失 删除所有文字，自动返回
autofocus		规定当页面加载时 input 元素应该自动获得焦点
multiple		多文件上传
autocomplete		规定表单是否应该启用自动完成功能 有2个值，一个是on 一个是off on 代表记录已经输入的值 1.autocomplete 首先需要提交按钮
2.这个表单您必须给他名字
required		必填项 内容不能为空
accesskey		规定激活（使元素获得焦点）元素的快捷键 采用 alt + s的形式

综合案例

多媒体标签
audio：播放音频
video：播放视频
多媒体 audio
HTML5通过标签来解决音频播放的问题。
使用相当简单，如下图所示
并且可以通过附加属性可以更友好控制音频的播放，如：

autoplay 动播放
controls 是否显不默认播放控件
loop 循环播放 loop = 2 就是循环2次 loop 或者 loop = “-1” 无限循环
多媒体 video
HTML5通过标签来解决音频播放的问题。
同音频播放一样，使用也相当简单，如下图

同样，通过附加属性可以更友好的控制视频的播放autoplay 自动播放
controls 是否显示默认播放控件
loop 循环播放
width 设置播放窗口宽度
height 设置播放窗口的高度