前面我們已經(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ù)值表示顏色的透明度