HTML基础----(ifram,frameset,form)

ifram

  内嵌标签:src:要显示的网页资源路径

       width:显示区域的宽度

       height:显示区域的高度

       name:内嵌标签名字,结合超链接标签的target属性使用 

  作用:在当前网页加载其他网页资源,

frameset

  框架标签;

    注意:删除body标签

    frameset

      rows:按行进行切分页面

      cols:按列进切分页面

    子标签:

      frame:进行切分区域占位,一个frame可以单独加载资源

        src:资源路径

        name:区域名字,结合超链接使用

  

<frameset rows="10%,*,10%">
        <frame src="frameset/top.html" />
        <frameset cols="10%,*">
            <frame src="frameset/left.html" />
            <frame src="frameset/right.html" name="_right"/>
        frameset>
        <frame src="frameset/bottom.html" />
    frameset>

 

form标签  

  form表单标签学习:
    作用:收集并提交用户数据给指定服务器
    属性:
      action:收集的数据提交地址也就是URL
      method:收集的数据的提交方式
      get :适合小量数据,表单数据以?隔开拼接在URL后面,不同的键值对使用&符号隔开,不安全.
      post:适合大量数据,安全,隐式提交
    注意1:
      表单数据的提交,要提交的表单项必须拥有name属性值,否则不会提交.
      提交的表单项数据为键值对,键为name属性的值,值为用户书写的数据
    注意2:form标签会收集其标签内部的数据
    注意3:form表单的数据提交需要依赖于submit提交按钮.
  form表单域标签学习:
    作用:给用户提供可以进行数据书写或者选择的标签.
    使用:
      文本框:
        input
        type:
          text 收集少量的文本数据,用户可见
          password 收集用户密码数据
        name:数据提交的键,也会被js使用
        value: 默认值
      单选框:
        input
        type:
          radio
        name:name属性值相同的单选框只能选择一项数据
        value:要提交的数据
        checked:checked 使用此属性的单选默认是选择状态

你可能感兴趣的:(HTML基础----(ifram,frameset,form))