HTML-form表单+iframe

form 表单标签

form表单是标签是所有标签最核心标签之一，它是用来实现前后端交互的一个重要标签
常用属性：
name：表单名称
action：表单数据提交的地方（通常是一个后台文件名（.jsp/.php/.asp/.aspx/.py等），或网址）。如果是#，表示提交到当前文件下。
method：前端提交数据到后台的方法，主要有get和post。默认的是get。

• 用get提交，数据会直接暴露出来，用past不会暴露显示的是action的值

表单元素有：
input类：主要完成输入,选择或发出指令根据不同的type属性，可以变化多种状态输入模式

1. <input type="text" /> 默认值，单行文本输入框

• 属性：
  placeholder 提示
  name 命名
  minlength和maxlength 最少/多输入的字符个数
  disabled 失效
  readonly 只读
  value 设置框内默认值
  pattern 进行正则匹配

2. <input type="password" /> 密码框

• 属性与text一样

3. <input type="submit" /> 表单数据提交至后台的按钮

• 属性：
  value 按钮的标题
  disabled 失效

4. <input type="image" /> 图片提交按钮，用法与button一样

• 属性：
  src（特殊属性）用来加载提示图片，用它替换了value
  disabled 失效
  他有提交功能，与submit一样。

5. <input type="radio" /> 单按钮，通常是两项以上。

• 属性：
  name（必须要有，用来分组的）
  value
  checked 选中
  disabled 失效
  readonly 只读

6. <input type="checkbox" /> 复选框，可以用来选择0项，1项，多项

• 属性：
  name（必须要有，用来分组的）
  value
  checked 默认选中
  disabled 失效
  readonly 只读

7. <input type="button" /> 普通按钮

• 属性：
  value 按钮的标题
  disabled 失效

8. <input type="reset" /> 重置按钮，将表单所有组件输入的内容全部清空，还原为初始状态

• 属性：
  value 按钮的标题
  disabled 失效
  文件上传按钮

textare类：

• 文本域，也可以叫多行输入框，主要用来输入大批量的的内容。
• 常用属性：
  name
  id
  cols 列数
  rows 行数
  placeholder 提示
  minlength和maxlength 最少/多输入的字符个数
  required 必须输入
  value 获取文本内容

select类：

1. 下拉列表框，默认用于单项选择，用option呈现每一个属性
   常用属性：
2. multiple属性：可以表示多选，此时下拉列表框变成了列表框
   size：最多显示的行数

button类：

• 普通按钮，具有提交功能，可以单独使用，不写在form元素中；如果写在form中，有提交功能
  button:定义普通按钮。
  reset:定义重置按钮。
  submit：定义提交按钮。

form 表单标签

iframe:框架集，是用来将多个网页文件组合成一个文件。相当于在网页中又嵌套了一个或多个窗口。

• 常用属性：
  name：框架名，
  src：用来引入外部HTML文件
  scrolling：滚动条，（yes/no/aout）
  width：宽度
  height：高度
  frameborder：是否有边框（1/0）
  marginheight：框架离顶部和底端的距离（%/px）
  marginwidth：框架离左边和右边的距离（%/px）

注意：在实际开发中，尽量减少使用iframe，因为他破坏了前进和后退功能，且不利于SEO（搜索引擎优化）