第九天

表单可以将用户填写的信息提交到服务器

      <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;}

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

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

推荐阅读更多精彩内容

  • 1.表单 <!DOCTYPE html> 表单 /* window.onload = function(){ va...
    用户400826阅读 75评论 0 0
  • css动画函数matrix(n,n,n,n,n,n) 定义 2D 转换,使用六个值的矩阵。translate(x,...
    冥千洛阅读 237评论 0 0
  • 表单输入绑定 可以用v-model 指令在表单 及 元素上创建双向数据绑定,v-model本质上不过是语法糖.它负...
    Easy_Dream阅读 327评论 0 0
  • 每天清晨睁开眼,就要对自己说:“今天是最美好的一天!”用一颗初心面对生活,是对世界最好的回应。温暖在,日子就在,幸...
    低调pan阅读 903评论 12 34
  • 一颗流星之后 古不为 又一颗流星,化作利刃,哪怕彻底融化在夜里 也要使尽全力,将自己深深深深地插入无边无...
    古不为阅读 1,023评论 31 31