表单,过渡动画

前面我们已经学习了表格,下面又要学习一个新的知识-----表单

我们该如何来使用表单呢?

首先使用标签来创建一个表单

使用form创建的仅仅是一个空白的表单,我们还需要向form中添加不同的表单项

表单中必须要有两个属性action和method

action表示提交表单到服务器中的地址method表示提交表单的方法

设置请求方式:method=“post”

还有一个表单项  表单分为很多不同的样式  比如文本框,密码框,多选框,单选框,提交按钮,input是我们使用的做多的表单项,它可以根据不同的type属性呈现不同的状态,type的可选属性值,text:文本框,password:密码框,sumit:提交

radio:单选,checkbox:多选框,reset:重置,select用于创建一个下拉列表,option表示下拉选项,optgroup用于为列表项分组,

还有一个button用来创建按钮,他是成对出现的标签,使用起来比较灵活

再来说下动画,准确来说是transition动画,它的运动方式如下属性

linear 匀速

ease 开始和结束慢速

ease-in 开始是慢速

ease-out 结束时慢速

ease-in-out 开始和结束时慢速

cubic-bezier(n,n,n,n)  也叫贝塞尔曲线,上面几个都可以用贝塞尔曲线来做

比如:cubic-bezier(0.845, -0.375, 0.215, 1.335)

我们用border-radius来设置圆角,也可以同时设置多个圆角,box-shadow用来

设置阴影,此外,还有颜色的透明表示法

rgba(新的颜色值表示法)

主要分为两点

1、盒子透明度表示法:opacity:0.1;filter:alpha(opacity=10)(用来兼容IE);

2、rgba(0,0,0,0.1) 前三个数值表示颜色,第四个数值表示颜色的透明度

你可能感兴趣的:(表单,过渡动画)