HTML进阶

HTML教程进阶：iframe元素+页面使用flash+表单元素（元素+表单分组）+

iframe元素：

内联框架：https://www.w3school.com.cn/html/html_iframe.asp。通常用于在一个页面嵌入一个页面。
属性：可替换元素
1：通常行盒。即display：inline
2：通常显示的内容取决于元素的属性。
3：css不能完全控制其中的样式。
4：具有行快盒的特点。
使用：常用于页面跳转、视频链接

效果显示：区别于a标签，iframe标签将把页面直接搬过来。如果给a标签一个target将把iframe的内联样式给a标签。

在页面使用flash：

flash插件：Ctrl+F百度搜索MIME在其找到自己资源类型。
学习链接：https://www.w3school.com.cn/html/html_audio.asp
属性：
1：object：对象。可替换元素，默认行盒。
2：embed：嵌入。可替换元素，默认行盒。
object使用实例：


object效果显示：
embed使用实例：
如下，兼容问题中蓝色框！！区别于object就是写法不一样。。。
效果显示

object与embed区别：。浏览器不同版本识别会有问题。
兼容写法：

表单元素

1：form元素：https://www.w3school.com.cn/html/html_forms.asp

特：并为 form 增加如需属性：autocomplete、novalidate

2：input元素 ：
input输入类型+input输入属性：https://www.w3school.com.cn/html/html_form_attributes.asp
(1）type属性：输入框类型
"text"定义供文本输入的单行输入字段：
“password” 定义密码字段：
"submit"定义提交表单数据至表单处理程序的按钮。
“radio”>定义单选按钮
“checkbox” 定义复选框
"button 定义按钮。
注意： HTML5 增加了多个新的输入类型：color 、date、datetime、datetime-local、email、month、number、range、search、tel、time、url、week。老式 web 浏览器不支持的输入类型，会被视为输入类型 text。
(2）value 属性：规定输入字段的初始值。
(3）readonly 属性：规定输入字段为只读（不能修改）。 readonly
(4）disabled 属性：规定输入字段是禁用的。 disabled
(5）size 属性：规定输入字段的尺寸（以字符计）。 size=“40”
(6）maxlength 属性：规定输入字段允许的最大长度： maxlength=“10”
特：HTML5 为 input 增加了如下属性：autocomplete、autofocus、form、formaction、formenctype、formmethod、formnovalidate、formtarget、height 和 width、list、min 和 max、multiple、pattern (regexp)、placeholder、required、step

3：textarea 元素定义多行输入字段（文本域）：row col
4：select元素定义下拉列表：
5：button元素定义可点击的按钮：
特：HTML5 新增表单元素：datalist、keygen、output
注：默认地，浏览器不会显示未知元素。新元素不会破坏您的页面。
且display：none！！必须和文本框配合使用， 元素的 list 属性必须引用 元素的 id 属性。
7：表单分组：

元素组合表单中的相关数据 元素为 元素定义标题。 示例：

美化表单元素：

1：统一不同浏览器的input初始边框样式。outline-offset：0；
2：tabindex：给不同input设置tab键顺序聚焦。tabindex：012…排序
3：设置选中input样式。input:focus

4：设置单选按钮/多选按钮选中时的兄弟样式：input：checked+label
使选中时关联的数据也跟着样式改变。

5：重置表单元素样式：为了清除不同浏览器的样式并自行设置自定义的新样式

效果：
自定义设置样式：
效果：


6：设置多行文本框是否可调整文本框。 resize: both;
both：水平垂直方向都可调整尺寸；
none：两个方向都不能；
horizontal：水平方向调整；
vertical：垂直方向调整 。

7：设置文本框首行缩进样式：
方式一：padding-left：2em.
方式二：text-indent：2em.