美文网首页
表单、Hack、动画

表单、Hack、动画

作者: 琉佳 | 来源:发表于2019-10-18 15:33 被阅读0次

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

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

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

相关文章

  • 表单、Hack、动画

    表单【重点】:可以将用户填写的信息提交到服务器 :使用此标签来创建一个表单(必须有两个属性action和m...

  • 表单

    表单 框架集 属性hack

  • 前端(八)

    条件Hack css过渡动画 transition运动曲线 图片文字遮罩 变形 元素旋转

  • 框架集、动画、Hack

    框架集 框架集和内联框架的作用类似,都是用于在一个页面中引入其他的外部的页面框架集可以同时引入多个页面,而内联框架...

  • 框架集,动画,HACK

    框架集 框架集和内联框架的作用类似,都是用于在一个页面中引入其他的外部的页面框架集可以同时引入多个页面,而内联框架...

  • Hacks控件篇-Hack1 避免在 EditText 中验证日

    作者:李旺成 时间:2016年5月13日 这个 Hack 将介绍关于表单校验中的一个小技巧。 表单检验 大部分开发...

  • 前端(过渡动画 运动曲线)

    条件Hack 属性Hack 选择符 在选择器前添加* html 则该选择器只有IE6可以识别 CSS过渡动画 圆角...

  • 2018-11-28

    ie6png的修复 条件Hack 属性Hack 选择符 CSS3过渡动画 css3圆角 阴影 透明度 运动曲线 图...

  • 07-表单和Hack(补)

    盒子在与父元素重叠的时候设置padding内边距解决 table可以阻止父子元素的重叠 或者before添加 di...

  • Hack,过度动画,文字遮罩

    条件Hack只针对IE浏览器有效 语法 (IE 10以上浏览器不支持)