iframe元素
框架页
用于在网页中嵌入另一个页面
iframe 可替换元素
- 一般都是行盒
- 显示的内容取决于元素的属性
- 关于iframe这个元素的样式可以控制,但不能控制src引入页面的样式
- 具有行块盒的特征
在网页中使用flash
embed
object
type
data 指定的资源的 MIME 类型
资源jpg图片, MIME:image/jpeg
表单(form)元素
包裹作用 将表单控件中收集到的信息,提交给服务器
在提交的过程中去设定提交方式 提交的目的地
form
- action 定义表单提交的动作, 找到服务器的URL
默认 提交给本页 - method 制定表单数据提交的方式 有至少6中
其中最常见的两种方式
post 数据会隐式提交
无数据大小限制
表单数据的编码方式:
enctype:
application/x-www-from-urlencoded 默认值
multipart/form-data 上传文件的时候使用
text/plain 非常少见
get 默认值 用户的数据会在地址栏显示
提交数据大小有限制,根据不同的浏览器来定 谷歌 8k
表单控件
一系列元素,主要用户收集用户数据
input元素
-
type属性:输入框类型
type: text 普通的输入框
password
number
search
date
checkbox
radiorange
color
input元素都有的属性
- value属性:输入框的值
- name属性 控件的名字,服务端使用 没有名字,value值无法提交
- placeholder 提示信息 占位符 不会被提交
- disabled 写了这个属性就是真,否则就是假
使用 border 属性可以修改 input 边框的大小或颜色,使用 border-radius 属性可以给 input 添加圆角:
label元素
普通元素,通常配合单选或多选框使用
- 显示关联
利用label的for属性,和表单元素的id值关联
textarea 元素
文本域 多行
select 元素
下拉列表选框
搭配option元素使用
按钮元素
type: reset submit button
datalist
数据类表