【讲义】第九课:form、a、iframe 和 table 详解

直播讲义

(方方) #1

预习

问卷

作业

问卷
附加题

视频

http://www.jirengu.com/app/album/64


请开启 Preserve log !!!!!!!!!!!!!

form

用 form 构造一个 get 请求

  1. input 的 name 和 value 是做什么的?
  2. form 的默认动作
  3. 回车?
    1. 如果 form 里面有 type=submit 的按钮(input/button),那么在任意一个 input 内打回车,就会提交表单
    2. 一个按钮默认的 type 就是 submit
    3. 如果按钮的 type 是 button,那么它不会触发提交

用 form 构造一个 post 请求

  1. 对比 get 请求,post 有消息体,没有查询参数
  2. get 和 post 的区别是什么「面试必问」
    • 所谓的正确答案
      1. 消息体:get 没有,post 有
      2. 查询参数:get 一般使用查询参数,post 一般不使用
      3. URL 长度:get 的 URL 存在长度限制(1024个字符等),post 没有限制(其实也有)
      4. 安全性:post 比 get 安全一丢丢,因为 post 需要用 form 来构造,而 get 可以轻易构造

总结一下,哪些标签可以发起 get 请求

  1. link
  2. script
  3. image
  4. form
  5. ...

P.S. 这个请求都有一个 referer 请求头,表示来源

上传文件

  1. form 不添加 enctype="multipart/form-data" 会怎样?
  2. form 添加了 enctype="multipart/form-data" 会怎样?
  3. 我们目前的知识只能上传文件,无法用 Node.js 处理上传后的文件 :frowning:

form 的其他属性

  • 自动填充
  • HTML 5 验证

iframe 标签详解

  1. 页面套页面
  2. 性能较低,因为又开了一个页面……
  3. name 属性
  4. 其他属性
  5. 我们已经不再使用 <frame> 标签了

a 标签详解

href

  1. 相对路径
  2. 绝对路径
  3. 有协议路径
  4. 无协议路径
  5. javascipt: 伪协议
  6. 锚点(fragment)

target

  1. _blank
  2. _self
  3. _top
  4. _parent

download

table 标签详解

写法

特殊的 border 和 padding

HTML 总结

如何自学 HTML

  1. 主要就是看 MDN 文档,无他
  2. 勤加练习

CSS 入门

默认样式

文档流

响应式


(方方) #2

(方方) #3