表单、Hack、动画

2019-10-18 本文已影响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：文本域的行数}

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

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