表单【重点】:可以将用户填写的信息提交到服务器
<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;}
执行动画的属性 动画执行的时间 运动的曲线 延迟的时间