web第三天笔记

一.合并单元格

 

跨行合并: rowspan  è·¨åˆ—合并 : colspan

公式 : 删除的个数 = 合并的个数 - 1

 

二.总结表格

 

1. 表格提供了HTML中定义表格式数据的方法

2. 表格中由行中的单元格组成

3. 表格中没有元素 列的个数取决于行的单元格个数

4. 表格不要纠结于外观, 那是CSS的作用

 

三.表单标签

 

表单控件:  åŒ…含了具体的表单功能项,如单行文本输入框 密码输入框 复选框 提交按钮 重置按钮等。

提示信息: 一个表单中通常还需要包含一些文字说明 提示用户进行填写。

表单域:  ç›¸å½“于一个容器 用来容纳所有表单控件赫尔提示信息,可以通过他定义处理表单数据所用程序的URL地址,以及数据提交到服务器的方法,如果不定义表单域,表单中的数据就无法传送到后台服务器。

 

四.input控件

 

注意 : 单选框 如果是一组 我们通过相同的 name 值 来实现

性别: <input type="radio" name="sex"> 女 <input type="radio" name="sex" /> 男 <br />

注意 : 复选框 可以同时选择多个

爱好: <input type="checkbox" name="hobby" />篮球 <input type="checkbox" name="hobby" />足球

 

注意 : 默认选中项 只需要在属性中添加 checked="checked" 默认选中性别女 代码如下 :

性别:<input type="radio" name="sex" checked="checked" /> 女

input 按钮组

搜索: <input type="button" value="搜索" />

 

• Lable标签

作用: 用于绑定一个表单元素 当点击 label 标签的时候 被绑定的表单元素就会获得输入焦点。

for 属性规定 label 与哪个表单元素绑定。

1. 用label直接进行包裹input标签

<label> 输入账号: <input type="text" /> </label>

2. 如果label里面有多个表单 想定位到某个地方 可以通过for id 的格式来进行

<label for="two"> 输入账号: <input type="text" /> <input type="text" id="two"/> </label>

• textarea控件(文本域）

<textarea cols="每行中的字符数" rows="显示的行数">文本内容</textarea>

 

• 下拉菜单

<select>

<option> 选项1 </option>

<option> 选项2 </option>

<option> 选项3 </option>

...

</select>

注意：

1. <select></select>中至少应包含一对<option></option>

2. 在option中定义 selected="selected" 时, 当前项即为默认选中项

 

• 表单域

<form action="url地址" method="提交方式" name="菜单名称">

 å„种表单控件

</form>

 

• HTML5新标签与特性

<meta http-equiv="charest" content="utf-8">:HTML与XHTML中建议这样去写

<meta charset="utf-8"> : HTML5中建议这样去写

 

• 常用新标签

W3C 手册中文官网 : http://w3school.com.cn/

header : 定义文档的页眉 头部

nav : 定义导航链接的部分

footer : 定义文档或节的页脚 底部

article : 定义文章

section : 定义文档中的节 ( section, 区段 )

aside : 定义其所处内容之外的内容 侧边

datalist : 标签定义选项列表 请与 input 元素配合使用该元素

fieldset : 元素可将表单内的相关元素分组 打包 与 legend 搭配使用

新增的 input type 属性值:

 

• 常用新属性
• 

 

自动记录完成

1. autocomplete 首先需要提交按钮

2. 这个表单 您必须给他名字

<form action="">

姓名: <input type="text" autocomplete name="userName" />

<input type="submit" />

</form>

• 多媒体标签

embed: 标签定义嵌入的内容

audio : 播放音频

video : 播放视频

• 多媒体audio

autoplay 自动播放

controls 是否显不默认播放控件

loop 循环播放 loop="2" 就是循环2次 loop或者loop="-1" 无限循环

• 多媒体video

autoplay 自动播放

controls 是否显示默认播放控件

loop 循环播放

width 设置播放窗口宽度

height 设置播放窗口的高度