表单、Hack、动画

表单【重点】:可以将用户填写的信息提交到服务器

      <form>:使用此标签来创建一个表单(必须有两个属性action和method.通常等于POST) 

    eg:<form action="结果页面" method="post" enctype="multipart/form-data"(上传文件用)>

      一个表单可含多个表单项  action表示提交表单到服务器中的地址  method表示提交表单的方法

      文本框:<input type="text" name="name" value="默认值" placeholder="提示值">

      密码框:<input type="password" name="pwd">

      多选框:<input type="checkbox" name="sports"> value属性提交给后台  单选多选属性 基本一致

      单选框:<input type="radio" name="gender" value="体现同组个性"> 通过name属性分组

      提交按钮:<input type="submit" value="提交">

      下拉列表:<select name="">  (创建一个下拉列表)

                <optgroup label="分组名"> (用于列表项分组)

                <option value="">北京</option>  (下拉列表的列表项)

                </select> 

      checked="checked": 默认选中

      <textarea name="">设置一个文本域  {属性:cols:文本域的列数 rows:文本域的行数}

      <label for="为谁服务">内容名字</label>

      <fieldset>内容成为一个框组</fieldset>

            <legend>设置分组名称

框架集:<frameset>框架集标签

      只能用来包外部页面,不能再包住其他内容。与<body>标签互斥

      属性:cols="30%,30%,*"  竖向排列  rows="30%,30%,*"  横向排列

          <frame src="引入其他网页"> 框架集内包内容

条件Hack:可为一些需要兼容的浏览器设置(主针对ie6)

      【<!--[if IE 6]>

          <p></p>

      <![endif]-->】此时此内容仅针对ie6,其他浏览器将此内容认为注释

      若<!--[if IE]>,则针对ie浏览器

      若<!--[if Lt IE 9]>,则针对ie9以下浏览器

      若<!--[if Lte IE 9]>,则针对ie9及以下浏览器

      若<!--[if !IE 9]>,则针对非ie9浏览器

属性Hack:

      属性前加(_)则只有ie6及以下可见,加(*)选择ie7及以下

      属性后加(\9)选择ie6+  加(\0)

动画

    transition:eg:{transition:width 500ms ease,height 500ms ease,backgroud-color 500ms ease 1s,

              border-radius 500ms ease 1s;}or{transition:all 500ms ease;}

              执行动画的属性 动画执行的时间 运动的曲线 延迟的时间

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 表单【重点】:可以将用户填写的信息提交到服务器 :使用此标签来创建一个表单(必须有两个属性action和m...
    琉佳阅读 205评论 0 1
  • 表单:可以将用户信息提交给服务器 <from>使用此标签来创建一个表单(必须有俩个属性active和method)...
    fcc123阅读 115评论 0 0
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,581评论 1 11
  • 表单可以将用户填写的信息提交到服务器 :使用此标签来创建一个表单(必须有两个属性action和method...
    王林1907阅读 132评论 0 0
  • day01­_起源和结构 结构:Xhtml xml 表现:CSS 行为:DOM ECMAScript 以上都属于W...
    Sakura_明妃阅读 1,262评论 0 1