zoukankan      html  css  js  c++  java
  • day02:超链接、表单、表格

    课程实现:

        alink

            --- a # 刷新页面

            --- #name   跳转到name处

            --- file.html#name  跨页跳转

        table

            ---tr th td    caption

        form

            ---name方便后台调用


    表单:

        用于收集用户信息

        input type(textpassword adiocheckboxfileuttonsubmit eset)

        textarea

        select

    ========================================================================================================

    form:

        action:url地址 ;指定表单提交给什么程序处理

        method:常见的表单提交方式,get或put

    HTML5基础:布局
         常用标签    a   img p   h1~h6
    CSS3基础
         样式    字体    盒子模型    浮动    定位    背景色...
    HTML5进阶
         新增语义化标签
    CSS3进阶   

    ------------------------------------------------浏览器内核
    PC页面          html5+css3(兼容:基础 + 兼容)

    移动端页面      html5+css3(进阶)

    ==============================================
    H5:提高开发效率,不需要使用js实现
         增加一些新的标签、属性、特性
         广义

        具体变化:
             1 新增语义化标签    ex: Header
             2 本地存储
             3 2D、3D
             4 动画、过渡
             5 兼容特性

        header      头部标签
         nav         导航
         article     内容
         section     块级标签
         aside       侧边栏
         footer      尾部标签

        con:
             增强语义化
             移动端支持较好
             ie9支持,需要把语义化标签转成块级标签
        
         音频、视频:

        audio:
             src         指定音频的url
             controls    显示播放控件
             autoplay    控制是否自动播放
             loop        循环播放

        audio支持的音频格式[注意浏览器支持音频格式]     mp3 wav ogg vorbis   
         //兼容方案

    input:PC端少于Android应用
         email       @
         url         http://

         time       
         date
         number
         tel         手机端:输入数字
         color      
         search     
         submit 

        text   
             required    内容必填   
             placeholder="请输入用户名"     提示文本
             autofocus       自动获得焦点
             autocomplete=“on”[默认打开]off  与  name="name123"  联合使用     浏览器提示之前输入的内容
            
         file        multiple    支持上传多个文件

  • 相关阅读:
    [NOI2014]动物园
    2018.7.15模拟赛
    2018.7.13模拟赛
    [CodeForces]920F SUM and REPLACE
    [BZOJ3211]花神游历各国
    [GSS5] Can you answer these queries V
    [SPOJ1716] GSS3
    [HNOI2012]排队
    2018.7.10模拟赛
    7.3模拟赛
  • 原文地址:https://www.cnblogs.com/macro-renzhansheng/p/12936480.html
Copyright © 2011-2022 走看看