表單,過(guò)渡動(dòng)畫(huà)

前面我們已經(jīng)學(xué)習(xí)了表格,下面又要學(xué)習(xí)一個(gè)新的知識(shí)-----表單

我們?cè)撊绾蝸?lái)使用表單呢?

首先使用標(biāo)簽來(lái)創(chuàng)建一個(gè)表單

使用form創(chuàng)建的僅僅是一個(gè)空白的表單,我們還需要向form中添加不同的表單項(xiàng)

表單中必須要有兩個(gè)屬性action和method

action表示提交表單到服務(wù)器中的地址method表示提交表單的方法

設(shè)置請(qǐng)求方式:method=“post”

還有一個(gè)表單項(xiàng)? 表單分為很多不同的樣式? 比如文本框,密碼框,多選框,單選框,提交按鈕,input是我們使用的做多的表單項(xiàng),它可以根據(jù)不同的type屬性呈現(xiàn)不同的狀態(tài),type的可選屬性值,text:文本框,password:密碼框,sumit:提交

radio:?jiǎn)芜x,checkbox:多選框,reset:重置,select用于創(chuàng)建一個(gè)下拉列表,option表示下拉選項(xiàng),optgroup用于為列表項(xiàng)分組,

還有一個(gè)button用來(lái)創(chuàng)建按鈕,他是成對(duì)出現(xiàn)的標(biāo)簽,使用起來(lái)比較靈活

再來(lái)說(shuō)下動(dòng)畫(huà),準(zhǔn)確來(lái)說(shuō)是transition動(dòng)畫(huà),它的運(yùn)動(dòng)方式如下屬性

linear 勻速

ease 開(kāi)始和結(jié)束慢速

ease-in 開(kāi)始是慢速

ease-out 結(jié)束時(shí)慢速

ease-in-out 開(kāi)始和結(jié)束時(shí)慢速

cubic-bezier(n,n,n,n)? 也叫貝塞爾曲線,上面幾個(gè)都可以用貝塞爾曲線來(lái)做

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

我們用border-radius來(lái)設(shè)置圓角,也可以同時(shí)設(shè)置多個(gè)圓角,box-shadow用來(lái)

設(shè)置陰影,此外,還有顏色的透明表示法

rgba(新的顏色值表示法)

主要分為兩點(diǎn)

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

2、rgba(0,0,0,0.1) 前三個(gè)數(shù)值表示顏色,第四個(gè)數(shù)值表示顏色的透明度

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容