1.标签
iframe(inner frame)为内联框架,iframe元素是可以创建包含另外一个文档的行内框架,是body 的子集
常用属性:
- width 设置内联框架的宽度
- height 设置内联框架的高度
- name 设置框架的名称
- src 设置页面内容的路径
- scrolling 规定在iframe中是否显示滚动条(yes/no/auto)
- frameborder 规定是否显示iframe边框(1默认有边框,0)
iframe语法示例
iframe框架测试需要的文本 百度 新浪
2.标签
form标签用于创建HTML表单,表单一般应该包含用户填写信息的输入框和提交信息的按钮,即控件
常用属性:
name,表单提交时的名称
action,提交表单的目标地址URL
method,表单提交方式,规定用于发送form-data的HTTP方法,参数值包括 get 和 post,默认未get
get和post的区别:
get提交的数据URL中可以看到,post看不到
get一般用于提交少量数据,post用来提交大量数据
get最多提交1K数据,post理论上没有限制
get提交的数据在浏览器历史记录中,安全性不好,但速度相对较快
enctype,规定发送表单数据到服务器之前如何对其进行编码,
属性值包含"multipart/form-data"(不对字符编码)、“application/x-www-form-urlencoded”(对所有字符编码)、text/plain(空格转换为“+”但不对特殊字符编码)
3.form表单常用元素input
input为单标签,,常用属性:
type(默认为text)
text,定义单行文本输入字段,默认宽度为20个字符
password,定义密码字段,该字段中的字符被掩码
button,定义可点击的按钮,多数情况下用于启动JavaScript脚本
checkbox,定义复选框
radio,定义单选按钮,必须通过相同的name属性值来达到单选的控制效果
submit,定义提交按钮,提交按钮会把表单数据发送到服务器
reset,定义重置按钮,重置按钮会清除表单中所有数据
image,定义图像形式的提交按钮
hidden,定义隐藏的输入字段
file,定义输入字段和“浏览”按钮,供文件上传
★★type值为file时的input要注意以下几点:
form表单的method值要为post
form属性必须设置enctype="multipart/form-data",不对字符编码,这个属性说明文件以二进制方式传输,因为计算机最底层是以二进制显示和传输
enctype默认属性值为“application/x-www-form-urlencoded”,在表单数据发送前对所有字符编码
语法示例:
name,input元素的名称
value,规定input元素的值
width / height,设置input字段宽度/高度,适用于“type=image”
checked,规定次input元素在首次加载时默认选中
readonly,规定input字段为只读项
required,规定input字段为必填项
4.标签,创建下拉框
语法示例
显示文本显示文本显示文本
name,规定下拉列表的名称
size,规定下拉列表中每屏可见选项的数目
mutiple,规定可选多个选项
disabled,规定禁用该下拉列表
required,规定字段为必填项
value,定义
select,规定首次进入页面时,默认选中该项option
5.多行文本框标签
常用属性:
name,定义文本区的名称
cols,定义文本区内的可见宽度
rows,定义文本区内的可见行数
wrap,定义在表单提交时,文本区域中的文本如何换行
有hard和soft两个属性值,
wrap=“hard”,提交表单时,textarea中的文本换行(包含换行符),此时必须规定“cols”属性值
wrap=“soft”,提交表单时,textarea中的文本不换行,wrap的默认值为soft
6.标签为input元素定义标注
使用方法由两种:一种是
语法示例:
或者
7.标签可将表单内的相关元素分组,是块级元素
通常和
语法示例: