• 【HTML篇】4.HTML的内嵌标签、框架标签、表单


    1.内嵌标签:

    iframe:

      src:要显示的网络资源路径

        可以是本地资源(相对路径)也可以是网络资源(url)

      注:默认当前页面打开及加载src指向的资源

      width:设置显示区域宽度

      height:设置显示区域高度

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

    注:在当前网页中加载其他网页的资源,达到不同网页资源之间不相互干扰,并能在同一个页面中展现给用户的目的.

    例:

    2.框架标签:

    注:第一步一定要删除body标签

    frameset

      rows:按照行进行切分页面

      cols:按照列进行切分页面

      子标签:

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

        src:资源路径(本地或者网络)

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

    例:

    3.form标签

    1.form表单标签学习:

    作用:收集并提交用户数据给指定服务器

      属性:

      action:收集的数据提交地址也就是URL

      method:收集的数据的提交方式

      get :适合小量数据,表单数据以?隔开拼接在URL后面,不同的键值对使用&符号隔开,不安全.

      post:适合大量数据,安全,隐式提交

    :

      1.表单数据的提交,要提交的表单项必须拥有name属性值,否则不会提交.

      2.提交的表单项数据为键值对,键为name属性的值,值为用户书写的数据

      3.form标签会收集其标签内部的数据

      4.form表单的数据提交需要依赖于submit提交按钮.

    2.form表单域标签学习:

    作用:给用户提供可以进行数据书写或者选择的标签.

    使用:

      1.文本框input:

        type:

          text  收集少量的文本数据,用户可见

          password  收集用户密码数据

        属性:

          name:数据提交的键,也会被js使用

          value: 默认值

      2.单选框input: 

        type:radio

        属性:

          name:name属性值相同的单选框只能选择一项数据

          value:要提交的数据

          checked:checked 使用此属性的单选默认是选择状态

      3.多选框input:

        type:checkbox

        属性

          name:一个多选组需要使用相同的name属性值

          value:要提交的数据

          checked:checked 使用此属性的多选框默认是选择状态

       4.单选下拉框select:

        属性:    

          name:数据提交的键名,必须声明

          value:要提交的数据

        子标签option:一个option标签表示一个下拉选项 

       5.文本域:

        textarea:声明一个可以书写大量文字的文本区域

        属性:

          name:数据提交的键名,jscss也会使用

          rows:声明文本域的行数

          cols:声明文本域的列数

       6.普通按钮input:

          type:button

          属性:name,value

       7.隐藏标签input

          type:hidden

          属性:name,value

    注意:表单数据提交提交的是表单域标签的value

    3.form表单标签的使用:

    在点击数据提交时,form标签会将其内部所有form表单域标签中用户书写的数据按照method指明的提交方式

    提交给action属性所指明的提交地址.

    例:

  • 相关阅读:
    关于android listview去掉分割线
    关于android在Service中弹出Dialog对话框
    Java SimpleDateFormat 函数
    关于Android使TextView可以滚动的设置
    关于Android(Java)创建匿名线程
    关于解决 Failed to prepare partial IU:
    毕业设计进度:2月4日
    毕业设计进度:2月3日
    毕业设计进度:2月2日
    毕业设计进度:2月1日
  • 原文地址:https://www.cnblogs.com/chengkuan/p/13228988.html
Copyright © 2020-2023  润新知